ugrás a tartalomhoz

img igazítás probléma.

nagyfej · 2009. Aug. 14. (P), 12.47
Azt hiszem, van egy kis kavar a fejemben. A következő a problémám:

az oldalam tartalmi részét úgy szeretném formázni, hogy divek vannak egymás alatt, paddinggal, marginnal és háttérszínnel megáldva, szóval egy látható dobozt/hátteret képeznek a tartalmaknak. A divekben címsorok, bekezdések és képek találhatók. (kód alább).
  1. <div id="tartalom">  
  2. <div>  
  3. <img src="/uploads/kep.jpg" align="right" /><h2>Első doboz tartalma</h2>  
  4. <p>skngfkjdsnfjdsnf<a href="#">dsfsndglksnv</a></p>  
  5. </div>  
  6. <div>  
  7. <img src="/uploads/kep2.jpg" align="left" /><h2>Második doboz tartalma</h2>  
  8. <p>skngfkjdsnfjdsnf<a href="#">dsfsndglksnv</a></p>  
  9. </div>  
  10. </div>  
A problémám a következő. Ha nem állítok be a képnek align értéket, akkor a cím és bekezdés fölé kerül, ha viszont beállítok, akkor szépen jobbra/balra igazítódik a szöveg mellé, de a div nem nyúlik utána, csak ameddig a bekezdés tart. Szóval a kép kilóg a dobozból.

A css kód egyelőre ennyiben ki is merül:
  1. #tartalom div{  
  2. background-color: #e2f4ee;  
  3. padding: 20px;  
  4. margin: 20px;  
  5. }  
  6.   
  7. #tartalom div h2{  
  8. font-size: 18px;  
  9. margin: 0px;  
  10. padding: 3px;  
  11. }  
A tartalmi részt egy az egyben FCKeditorral szerkeszteném, ezért úgy kell megoldanom, hogy a tartalmi részben max a kép jobbra/balra igazításáról kelljen gondoskodni, minden formázás a css fájlban legyen.

Próbáltam utánaolvasni a problémának, de nem találtam rá megoldást, ha valakinek van rá ötlete, plz ne kíméljen!

Előre is köszönöm a segítséget!

(működő példát, ha kell, be tudok üzemelni, de egyelőre localhoston van a dolog, ha szükséges, jelezzétek!)

Üdv: Gábor
‹ JQuery radio button ie6/ie7 bug: floatolt elemek sorokra bontása ›
 ■
1

float

gex · 2009. Aug. 14. (P), 12.59
ha egyébként is minden mást css-ből csinálsz, akkor már a képek align tulajdonságát is kiválthatnád float: left/right;-tal.

a floatolt elemek szülő elemen túllógása pedig kb ezerszer volt itt a fórumon.
2

Köszönöm a gyors választ! A

nagyfej · 2009. Aug. 14. (P), 13.12
Köszönöm a gyors választ!

A #tartalom{overflow: auto;} megoldotta a problémát! Az align direkt maradt a tartalmi részben, hogy fckeditorból lehessen állítani, ízlés szerint, hogy hol legyen a kép.

Még egyszer köszi!

Üdv:G