div in een article tag
Ik zit even met een raar probleem. JSFiddle heb ik even een klein opzet neer gezet. Het is vrij simpel opgebouwd met een article-tag en 2 div-tags.
De 2 div's wil ik naast elkaar hebben in de article-tag dit lukt wel met een float left. Alleen de article content rekt niet meer met de inhoud van de 2 div's.
Wat zie ik in nu eigenlijk over het hoofd.
Ik heb gelezen dat ik de article een position: relative; en de 2 div's een position: absolute; mee moest geven. maar dit heeft ook niet geholpen helaas.
EDIT:
Ik lees in DEZE topic dat je dan gebruik moet maken van een <div class="clear"></div>.
Is dit de enige goede manier?
Gewijzigd op 30/06/2012 04:48:57 door Remco schrubben
Code (php)
1
2
3
4
5
2
3
4
5
article.info:after {
content: '';
display: block;
clear: both;
}
content: '';
display: block;
clear: both;
}
Had ik alleen nog een vraagje over dit stukje:
Ik heb gelezen dat ik de article een position: relative; en de 2 div's een position: absolute; mee moest geven.
Moet ik deze positions volgens de html semantiek ook gaan gebruiken of kan ik deze gewoon weg laten. Ik zie namelijk even niet wat van de position tag meer waarde krijgt aan de code.
En tevens hoeft het helemaal niet. Het is wel zo dat als je bijv. de divs aan de bottom van de article wil plaatsen je die divs position: absolute; moet geven en bottom: 0; en dan de article position: relative;, omdat er vanuit de relative position wordt gepositioneerd met absolute position.
Bedankt voor deze uitleg. Het is dus alleen erg handig en verstandig te gebruiken zodra je echter div's binnen div's gaat positioneren.
Nogmaals bedankt voor de uitleg.