Δημοσιεύτηκε: 12 Νοέμ 2011, 15:21
από migf1
linuxs έγραψε:
...
Edit: Τελικά να μην κοιμάσαι δεν κάνει καλό είχα ξεχάσει ένα '{'. Βασικά τώρα έχω ένα άλλο πρόβλημα σε αυτό το λινκ http://img35.imageshack.us/img35/2245/divjt.png . Έχω 2 divs ένα το μπλέ και ένα απο κάτω και θέλω να είναι δίπλα δίπλα οριζόντια όχι κάθετα. Ξέρει κανείς πως μπορεί να γίνει? :/


Υπάρχουν διάφοροι τρόποι. Ένας θα μπορούσε να είναι ο παρακάτω:

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

/* CSS FILE */
...
#lay2cols {width:45%; margin:0 2.5%}
.floatleft {float:left}
.floatright {float:right}
.clear {clear:both}
...


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

<!-- HTML FILE -->
...
<div id="lay2cols" class="clear floatleft">
1st column
</div>
<div id="lay2cols" class="floatleft">
2nd column
</div>
...

Μπορείς επίσης το 2ο να το στείλεις δεξιά (class="floatright") αντί για αριστερά ή μπορείς να στείλεις και τα 2 δεξιά (πρώτα το 2ο και μετά το 1ο)