Div-blokk illeszkedés Firefoxban, mér nem jó így?
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 htmlA cssIE 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!
■ 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>
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;}
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!
CSS lépésről-lépésre: dobozolás
hááát :(
nagy kár
Tasi