Virusscanner tips?
Breedte van floating element wordt variabel
Ik heb een #container die een maximale breedte mag hebben en links uitgelijnd wordt.
Nu merk ik dat de breedte variabel wordt, afhankelijk van de content die erin staat... vervelend.
Ik gebruik momenteel dit:
Code (php)
1
#container {max-width:1000px; float:left;}
Een extra width invoegen helpt:
Code (php)
1
#container {width:100%; max-width:1000px; float:left;}
De float weghalen werkt ook:
Code (php)
1
#container {max-width:1000px;}
Ik vraag me af wat de veiligste manier is om dit op te lossen?
Mvg, Guido
Wat heeft dat met veilig te maken?
Of: wat is de beste manier om het op te lossen?
Is width én max-width in dezelfde CSS-regel een gebruikelijke manier om zoiets op te lossen?
Guido
Waarschijnlijk wel minder breed.
Wil ik dat niet, de derde oplossing.
De tweede oplossing is overbodig, omdat bijvoorbeeld een div al 100% breed is en alleen begrensd wordt door max-width.
Zonder float is de container dus 1000px breed (= max-width) maar met float is container ineens een stuk minder breed.
Zou het te maken kunnen hebben met het uitlijnen van de 2 divs?
Guido
Gewijzigd op 30/01/2017 16:24:07 door Guido -
#container {max-width:1000px;}
Die float heb je in jouw geval niet nodig.
Ik gebruik nu:
Code (php)
1
2
2
#container {max-width:1000px; position:relative;}
#container:after {content:''; display:block; height:0; clear:both;}
#container:after {content:''; display:block; height:0; clear:both;}
Dus inclusief clearfix. Zonder clearfix en met een variabele hoogte wordt het element niet goed getoond.
Guido