Clear:Both

Hi,

Iedereen weet wel (toch?) dat je na een float de boel moet afsluiten met: clear:both.

Maar hoe ik het gebruik vind ik persoonlijk niet echt netjes. Hoe kan ik dat netter doen?

Ik doe het zo, tussen de html codes door, maar daar wil ik vanaf.

<div style="clear:both;"></div>

Patrick.

Html:

<div class="clear"></div>

CSS:

.clear {
clear:both;
}

Ja maar dat ik hetzelfde als ik heb, alleen dan de style in de css. Is er geen andere optie?

Volgens mij niet, ik zal wel ff googlen voor je.

toevoeging op 9 oktober 2012, 09:49:25:
Kan niks vinden helaas.

Dit lijkt me toch de juiste manier? CSS kan zelf ook niet weten wanneer jij wilt clearen.

Inline CSS zoals in je voorbeeld is niet netjes, en lastig te debuggen, en Desires voorbeeld is een stuk netter.

Het voorbeeld wat Desire gaf gebruikte ik al, maar vond die andere even makkelijker neer te zetten omdat toch hetzelfde doet.

Maar als er geen andere mogelijkheid is, moet het maar zo..

Je kan wel bv:

<div id="left"></div>
<div id="right"></div>
<div id="footer" class="clear"></div>

Dat idee zeg maar

Je kan [clear] gebruiken en dit replacen, maar in de bron blijf je dan gewoon

Het element onder de floats de style clear: both; geven?

Je kan het ook in desbetreffende divs zetten, maar dat heeft niet altijd een goede uitwerking volgensmij.

Thommity schreef:

Het element onder de floats de style clear: both; geven?

Freestyle schreef:

Je kan wel bv:

<div id="left"></div>
<div id="right"></div>
<div id="footer" class="clear"></div>

Dat idee zeg maar

Xjessex schreef:

Eerdere citaten tonen

Thommity schreef:

Het element onder de floats de style clear: both; geven?

Eerdere citaten tonen

Freestyle schreef:

Je kan wel bv:

<div id="left"></div>
<div id="right"></div>
<div id="footer" class="clear"></div>

Dat idee zeg maar

Ik bedoel in het css bestand.