ugrás a tartalomhoz

Div-blokk illeszkedés Firefoxban, mér nem jó így?

cseli · 2006. Ápr. 14. (P), 15.43
Egy olyan szövegdobozt szeretnék csinálni, hogy a teteje és az alja nem sima vonal, hanem egy-egy beillesztett kép (dizájn miatt).
Gondoltam div-ekkel próbálom ezt megoldani, de van egy kis gond. (Habár ugyanez a gond van akkor is, ha table-el csinálom.)

A html
<div class="f"><img src="teteje.gif" /></div>
<div class="k">Valami bármilyen szöveg </div>
<div class="k2">Valami bármilyen szöveg</div>
<div class="a"><img src="alja.gif" ></div>
A css
div{padding: 0px;  margin: 0px;}
.f{background-color: #eeee66;height:4px;}
.k{background-color: #cc66cc;}
.k2{background-color: #ccccaa;}
.a{background-color: #66eeee; height:8px;}
IE alatt pont olyan, amilyennek elgondoltam. Ezzel szemben Firefoxban pl. az első meg az utolsó sor az szélesebb, mint a css-ben megadott. (Azért akkorára adtam meg azokat, mert akkora a gif-ek szélessége.) Így a szöveges sorok, és a két gif-et tartalmazó sor közt hézag van, ami nagyon érdekelne, hogy miért van, és hogy hogyan megszüntethető.
További extra, hogy a fölső kép rácsúszott az első szövegsorra. Az mitől van?
Kössz a válaszokat!
 
1

CSS lépésről-lépésre: dobozolás

Török Gábor · 2006. Ápr. 14. (P), 15.52
Javaslom András Dobozolás c. cikkét.
2

hááát :(

cseli · 2006. Ápr. 14. (P), 19.26
Köszi, megnéztem a cikket de igazából nem lettem okosabb...
3

nagy kár

Táskai Zsolt · 2006. Ápr. 14. (P), 20.27
viszont abból indulj ki, hogy nem tartalmat adó képek szemantikai okokból ne kerüljenek img elembe (mit kéne pl. egy felolvasónak felolvasnia a kép helyén?). próbáld meg ezt a kinézetet összehozni úgy, hogy a képeket a div-ek hátterének adod meg. ezzel játszasz egy darabig, és aztán már talán meg is érted azt a cikket.
Tasi