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.
‹ fájl, hozzá tartozó szöveg feltöltése ugyanarra a lapra <FORM> tag-be Oldalszélesség JAVA-ban ›
 ■
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:
  1. img{  
  2.  height:100px;  
  3.  width: 100px;  
  4. }  
Remélem sikerül:)

Gyuri
2

Clear

Dualon · 2006. Aug. 5. (Szo), 23.46
Clear-rel meg kell szüntetni a lebegtetést.
  1. .hirdiv {  
  2.    clear: left; /* amennyiben balra floatolt a kep*/  
  3. }  
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!