Responsive Div

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
p_pan
Δημοσιεύσεις: 1248
Εγγραφή: 11 Φεβ 2007 20:45
Τοποθεσία: Άστεγος!

Responsive Div

Δημοσίευση από p_pan » 17 Νοέμ 2013 14:49

Καλησπέρα, προσπαθώ να φτιάξω κάτι αλλά δυστυχώς δεν μπορώ με τίποτα να το πετύχω!!!

Κώδικας: Επιλογή όλων

<div style=" width&#58;100%;">
<div style="width&#58;50%; background&#58;#CCC; height&#58;50px; float&#58;left;">1</div>
<div style="width&#58;50%; background&#58;#666; height&#58;50px; float&#58;left;">2</div>
</div>
Αυτό που θέλω να πετύχω ειναι όταν η οθόνη μικρύνει το ένα να πηγαίνει κάτω από το άλλο και μετά να αρχίσουν να μαζεύουν το πλάτος τους!

Το δοκίμασα και με @media αλλά τίποτα!

Καμιά ιδέα;
Αγράματος...

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Responsive Div

Δημοσίευση από fafos » 17 Νοέμ 2013 15:36

sto responsive den vazoume style mesa sta elements para mono se arxeio css:

Κώδικας: Επιλογή όλων

/* analyseis kato apo 800px */
.outer&#123;
	width&#58;100%;
&#125;

.left&#123;
	width&#58;100%;
	float&#58;none;
 	background&#58;#CCC; 
	height&#58;50px; 
&#125;
.right&#123;
	width&#58;100%;
	float&#58;none;
 	background&#58;#666; 
	height&#58;50px; 
&#125;

/* analyseis pano apo 800px */
@media only screen and &#40;min-width&#58; 800px&#41; &#123;
	.left,.right&#123;
		width&#58;50%;
		float&#58;left;
	&#125;

&#125;


<div class="outer">
	<div class="left">1</div>
	<div class="right">2</div>
</div>
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
p_pan
Δημοσιεύσεις: 1248
Εγγραφή: 11 Φεβ 2007 20:45
Τοποθεσία: Άστεγος!

Responsive Div

Δημοσίευση από p_pan » 17 Νοέμ 2013 20:32

Ναι το ξέρω! Το έφτιαξα τελικά είχα κάνει λάθος στο @media!
Αγράματος...

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες