Ik heb in een div twee spans staan, de ene span moet links komen te staan en de andere rechts, hoe los ik dit op? Ik weet dat het heel simpel is, maar ben niet zo'n ster in CSS.
522 views
niek schreef op 27.09.2006 17:48<div> <div> <span> bla </span> </div> <div> <span> blaat </span> </div> </div>
En dan de apparte divs andere uitlijnen meegeven?
waarom zou je?
Mijn methode werkt ook gewoon hooor....
Dat gaat trouwens ook niet op één regel zijn ;) .
@PHP Newbie: het is volgens mij niet de bedoeling om een height te gebruiken om je div de float elements te laten bevatten, volgens mij moet dat met overflow: auto;
<div style="width: 220px; background-color: #000066; overflow: auto;">
<span style="float: left; width: 80px; background-color:#009933;">links</span>
<span style="float: right; width: 80px; background-color:#660000;">rechts</span>
</div>
Die height is alleen dat de achtergrondkleur van de div zichtbaar wordt, maar is niet noodzakelijk voor de werking.
Nee weet ik, maar door die float verdwijnt de div en wat ik vandaag geleerd heb is dat, je dat kan oplossen door overflow: auto; te doen, height is gewoon niet helemaal netjes in zo'n geval.
Dit is er uitgekomen:
zelfde dus als PHP Newbie zei. Bedankt allen!
<div id="top">
<span id="top-left-image"><img src="background/top-left.gif"></span>
<span id="top-right-image"><img src="background/top-right.gif"></span>
</div>
zelfde dus als PHP Newbie zei. Bedankt allen!