Višina div v IE 6

4 naročniki

Pozdravljeni!

Imam majhen problem pri samem začetku izdelave spletne strani. Ustvaril sem <div id> z višino 3 px in za ozadje nastavil sliko ki ima prav tako višino 3 px. V mozili deluje vse vredu, medtem ko mi v IE (6), višino raztegne na več px, in sicer na 15 px. Bolj kot bulim v to kodo, bolj mi ni jasno zakaj. Kot moj nick pove, sem na področju izdelave popol začetnik in zato prosimza pomoč. Tukaj pa je še koda od .html in .css, sem kar prilepil ker je sam začetek pisanja...

CSS

#menubot {
    width: 173px;
    height: 3px;
    background-image:url(images/botmenu.gif);
}

HTML

<table width="100%" height="100%" cellpadding="0"
cellspacing="0"><tr valign="middle">
<td align="center"><img src=""></td></tr></table>
<table width="100%" cellpadding="0" cellspacing="0"><tr>
<td width="50%"></td>
<td width="173" align="center">
<div id="menubot"></div></td>
<td width="50%"></td></tr></table>

Vsem najlepša hvala za pomoč

Koda izgleda povsem v redu, trenutno nimam pri roki kaksnega IE6, da bi zadevo preizkusil, me pa zanima nekaj: Ti na 15px raztegne DIV ali tisti TD, ki je okoli DIVa? Ce ti raztegne TD, potem poskusi ukiniti tisti whitespace med TD in DIV, takole:

<td width="173" align="center"><div id="menubot"></div></td>

Pazi, tole je bolj obupano ugibanje, ce ne bo slo, povej, pa bom nasel kaksen IE6, da zadevo preizkusim :)

Vini, pri IE6 ti lahko Multiple IE zadeva pomaga.

Roky, koliko berem, zadeva tece samo na Intel Macih, jaz imam tistega s PowerPC :) Vseeno hvala za info, bo verjetno prislo prav v prihodnosti :)

Lahko pa poskusit ti pomagati Newbeju, preden se jaz dokopljem do kaksnega IE6 :)

Morem povedat da maste zagotovo najboljši odzivni čas od vseh forumov :) Najlepša hvala že takoj! Toda zadeva ni pomagala.

Da opišem kako mi zadevo raztegne. <div> sem definiral s height 3px , in dal noter sliko z višino 3 px. No v mozili zadevo normalno prikaže, torej sliko ki sem jo dal noter (višina 3px), medtem ko v IE, prilepi sliko noter 5x. To sem torej mislil ko sem rekel da raztegne na 15px. Namesto enkrat sliko z višino 3px, da noter 5krat sliko z višino 3px, kar skupaj znese 15px.

Upam da sem bil razumljiv :$

tnx še enkrat
LP

Aha, potem je bilo tisto ugibanje prej brca v temo :)

Se eno ugibanje, poskusi dodati:

font-size: 3px;
line-height: 3px;

Ce pa se to ne bo delovalo, se pa pozenem v iskanje kaksnega IE6 :)

Aha, poskusis lahko se z:

overflow: hidden;

hvala majstore :)

Funkcija font-size: 2px; je opravila nalogo

Sem poizkusil s font-size: 3px;, pa je še zmeraj pustilo en del druge slike (torej normalno sliko, pa spodaj pod njo še vrh druge, nato sem zmanjašl, in deluje :) . Prikazuje zgolj eno sliko :) .

Najlepša hvala. Kaj sem pa s tem pravzaprav nardil? glede na to da nimam nobenga texta not mi ni nič jasno :D

p.s. tudi overflow: hidden; opravi nalogo, kaj pa ta ukaz pravzaprav v razlagi pomeni?
tnx LP

Newbe, ocitno se IE6 dela pametnega, pa vseeno tja notri vtakne nekaj :)

Vseeno vtakni notri tudi

overflow: hidden;

ker se ti bo verjetno zadeva podrla, ko bos v browserju povecal font. Poskusi pritiskati ctrl-+, pa bos videl, ce se kaj sesuje, po vsej verjetnosti se bo :)

sem odstranil font-size ukaz, ker overflow opravi delo :)

Najlepša ti hvala :)

Ni problema, se kdaj... Na konkretno zastavljena vprasanja ni tezko odgovorit :)