Πώς μπορώ να ευθυγραμμίσω δεξιά τα στοιχεία div;

Το σώμα του εγγράφου html αποτελείται από 3 στοιχεία, ένα κουμπί, μια φόρμα και έναν καμβά. Θέλω το κουμπί και η φόρμα να είναι στοιχισμένα δεξιά και ο καμβάς να παραμείνει αριστερά στοιχισμένος. Το πρόβλημα είναι όταν προσπαθώ να ευθυγραμμίσω τα δύο πρώτα στοιχεία, δεν ακολουθούν πλέον το ένα το άλλο και αντ 'αυτού είναι οριζόντια το ένα δίπλα στο άλλο;, heres ο κώδικας που έχω μέχρι στιγμής, θέλω η φόρμα να ακολουθεί ακριβώς μετά το κουμπί στα δεξιά χωρίς κενό μεταξύ τους.

floats είναι εντάξει, αλλά προβληματική με ie6 & 7.

Θα προτιμούσα να χρησιμοποιήσω το margin-left:auto; margin-right:0; στο εσωτερικό div.

Σχόλια (16)
Λύση

Μπορείτε να φτιάξετε ένα div που περιέχει τόσο τη φόρμα όσο και το κουμπί, και στη συνέχεια να κάνετε το div να επιπλέει προς τα δεξιά θέτοντας float: right;.

Σχόλια (2)

Εννοείς έτσι; http://jsfiddle.net/6PyrK/1

Μπορείτε να προσθέσετε τα χαρακτηριστικά float:right και clear:both; στη φόρμα και το κουμπί

Σχόλια (0)