ugrás a tartalomhoz

CSS, a floatolt elem kilóg a divből

warnew · 2006. Aug. 5. (Szo), 22.04
tegyük fel, blog számára írom a css-t... a postok egymás alatt listázódnak, az adott postban van egy floatolt kép, aminek az alja lentebb van, mint a szövegé.

ekkor az alatta lévő post nem a kép aljával után kezdődik, hanem a szöveg aljával, és annyival keskenyebb lesz, mint a kép. ezt még a clear-rel ki is lehetne kerülni, de a divnek a háttere, bordere is a szöveget követi, így a kép innen is kilóg.
 
1

img tag-nek add meg a méretét!

torso · 2006. Aug. 5. (Szo), 23.04
Szia!

Mivel a float-nak az a lényege, hogy nincs tekintettel a többi rétegre (a pozicióján lebeg), ezért én ezzel próbálkoznék a css-ben:
img{
 height:100px;
 width: 100px;
}
Remélem sikerül:)

Gyuri
2

Clear

Dualon · 2006. Aug. 5. (Szo), 23.46
Clear-rel meg kell szüntetni a lebegtetést.

.hirdiv {
   clear: left; /* amennyiben balra floatolt a kep*/
}
A clear az összes előző, megfelelő floatot megszünteti! (clear: left a float: left-eket, clear: right értelemszerűen, clear: both mindkettőt!)
Korábban én is feltettem kérdésként, hogy floatolt arculatban hogyan oldható meg a clear; ha szükséged lenne rá, itt találod a témát.
Hasznos még a W3C CSS 2.1 specifikációjának vonatkozó része.
3

re

warnew · 2006. Aug. 6. (V), 12.22
a clear azert nem volt jo, mert volt masik float is az oldalon. a regebbi tema vegen adott megoldas (ie-hack+display: table) teljesen jol mukodik, koszonom!