Keskustelu: Nettisivujen teko: Ongelma: divit venyvät

Eli tässä olen erään sivun ulkoasua yrittänyt saada toimimaan, mutta divien kanssa tuli ongelmia, kun venyminen loppui kesken (HUOM. vain FireFoxissa IE:ssä toimii) ja tekstit tuli ulkoasun "yli".

onko tämä kyseinen divi leijuva (esim. float: left)?

Kyllä se on...

Leijuminen pitää lopettaa, esim. clear: both:lla

Tässä muutama esimerkki:
http://www.positioniseverything.net/easyclearing.html

http://www.cs.hmc.edu/~mbrubeck/clear-after/

http://bonrouge.com/~floats

Tulisko toi clear:both heittää sen divin css-muotoiluiden sisään minkä venyminen loppuu?

Oletko laittanut elementtiin height-arvon? IE käyttää heightiä min-heightin tapaan.

Tässä vielä tämmöinen minimaaliesimerkki

#wrapperi {
    width: 100%; /* IE (hasLayout päälle, venyy sitten sisällön mukaan) */
}

/* Firefox ja kumppanit (lisää pseudoelementti loppuun joka menee floatatunkin alle) */
#wrapperi:after {
    clear: both;
    content: '';
    display: block;
}

#floatattu {
    float: left;
    width: 200px;
}

#sisalto {
    margin-left: 220px;
}

<div id="wrapperi">
    <div id="floatattu">1</div>
    <div id="sisalto">2</div>
</div>