line-height IE vs FF

neopagan · Napísal **neopagan**: 21.11.2007 21:51 | line-height IE vs FF

Mam problem v CSS s polozkou line-height, co udava vysku jednotlivch riadkov textu. Mam toto:

Kód:

.text_3 {
   font-family: 'Tahoma CE';
   font-size: 12px;
   line-height: 12px;
   text-align: left;
   color: #000000;
   
}

Vo Firefoxe to zobrazi v pohode, ale v IE6 uplne ignoruje line-height a riadky su tam ovela tesnejsie pod sebou. Uz som o tom nasiel vela diskusii na internete, ale nik to nevedel vyriesit. Vedel by niekto pomoct?

Blackshadow · Napísal **Blackshadow**: 21.11.2007 21:54 | line-height IE vs FF

Hmm, to aj mne dost blblo.. Nakoniec som to nastavoval v percentach...
napriklad:
.text_3 {
font-family: 'Tahoma CE';
font-size: 12px;
line-height: 130%;
text-align: left;
color: #000000;

}

neopagan · Napísal autor témy **neopagan**: 21.11.2007 22:05 | line-height IE vs FF

hm, skusal som aj percenta, ale IE to absolutne ignoruje! Daval som aj vacsie hodnoty, aby som videl rozdiel - Firefox v pohode menil riadkovanie podla line-height, ale explorer uplne ignoruje tuto funkciu. Hocijake cislo tam dam, ci uz pixely, alebo percenta, nejde to ... Skusil som dat line-height priamo do BODY, ale nepomohlo. Zda sa , ze je tu vazny IE bug. Niekto nejake napady?

Blackshadow · Napísal **Blackshadow**: 21.11.2007 22:06 | line-height IE vs FF

skus ine IE.. daj sme stranku.. kuknem to ja

neopagan · Napísal autor témy **neopagan**: 21.11.2007 22:12 | line-height IE vs FF

zatial je stranka docasne tu:

Kód:

http://www.hrady.tym.sk/gamebook/pravidla.html

Skus vo firefoxe, a potom v exploreri a uvidis aky je rozdiel...

chrono · Napísal **chrono**: 22.11.2007 0:05 | line-height IE vs FF

line-height funguje aj v IE, takže tam máš inú chybu (možno to spôsobuje ten reklamný panel).
Inak neviem, prečo všade nastavuješ line-height na rovnakú hodnotu ako je výška fontu. Nebolo by jednoduchšie urobiť css?

Kód:

body {line-height: 1em;}

(a to ani nehovorím o tom, že výška riadku by mala byť väčšia ako výška fontu, takže by tam malo skôr byť 1.2em).

neopagan · Napísal autor témy **neopagan**: 22.11.2007 6:28 | line-height IE vs FF

vysku riadku som skusal aj vacsiu, ale hovorim ze to neslo v IE. No to co si napisal pomocou em trochu pomohlo. Ale stale to neni take na 100 % ako vo FF. Skusim sa s tym este dnes pohrat, az bude cas. Ten explorer mi uz vazne lezie na nervy. Inak cital som, ze IE7 by to uz nemala robit. Lenze zbytocne si ja dam IE7, ked mnohi maju este starsie ...

juho · Napísal **juho**: 22.11.2007 14:27 | line-height IE vs FF

a cez co to spustas? cez nejaky prehliadac alebo editor. tam by mohla byt chyba, pretoze ten zapis by mal byt vporiadku.

Kód:

.text_3{font:normal 12px/12px "tahoma ce";}

neopagan · Napísal autor témy **neopagan**: 22.11.2007 14:45 | line-height IE vs FF

No ja pracujem v php designeri. Zapisane je to v poriadku aj validne. Firefox tu zadanu vysku riadku akceptuje ale IE nie. Teraz ked som to uz zmenil na em, uz sa to zhruba zhoduje, ale stale nezobrazuje text uplne rovnako IE a FF. Skusim este tak zapisat, ako si ty napisal, a uvidim co spravi. Nejak to uz snad vyriesim. Inak o tom je diskusii plno na nete, napr. tu

Kód:

http://www.frontpagewebmaster.com/m-351597/tm.htm#351597

Blackshadow · Napísal **Blackshadow**: 22.11.2007 15:50 | line-height IE vs FF

No, mne sa to zobrazuje tak isto...
(FF 2, IE 6)

chrono · Napísal **chrono**: 23.11.2007 0:12 | line-height IE vs FF

neopagan píše:

No ja pracujem v php designeri. Zapisane je to v poriadku aj validne. Firefox tu zadanu vysku riadku akceptuje ale IE nie. Teraz ked som to uz zmenil na em, uz sa to zhruba zhoduje, ale stale nezobrazuje text uplne rovnako IE a FF. Skusim este tak zapisat, ako si ty napisal, a uvidim co spravi. Nejak to uz snad vyriesim. Inak o tom je diskusii plno na nete, napr. tu

Kód:

http://www.frontpagewebmaster.com/m-351597/tm.htm#351597

Výšku riadku akceptuje aj Firefox a aj IE (a aj iné prehliadače). Skúšal si urobiť jednoduché html a nastaviť tam tú výšku? Lebo ja som to skúšal, a všade to funguje normálne.

PS: Mierne ma otravujú ľudia, čo chcú, aby nejaká stránka vyzerala do posledného pixla rovnako v rôznych prehliadačoch. Vždy však zabúdajú na to, že nie každý musí mať nastavenú rovnakú základnú veľkosť fontu, alebo dokonca ani nemusí mať rovnaké fonty (takže aj tak to nikdy nebude vyzerať presne rovnako). A to už ani nehovorím o tom, že sa aj ten istý font môže vyrendrovať v rôznych situáciách rôzne. Čo tak zamerať sa na obsah ako na to, či je niečo posunuté o jeden pixel hore alebo dole?

mokus · Napísal **mokus**: 23.11.2007 11:10 | line-height IE vs FF

ja by som tam skúsil pridať ešte border:0, ak to chceš mať na 100% rovnaké, výška riadku pri rovnakej veľkosti fontu nie je rovnaká v FF a v IE, presnejšie IE tam zrejme ešte pridáva defaultny margin, ale toto sú len moje úvahy,
napokon za pokus nič nedáš

inak súhlasím s chronom

line-height IE vs FF

line-height IE vs FF

Podobné témy

height:auto

auto height divu

Div height auto

iReport - band height

firefox - DIV height: 100%;

Auto height nefunguje dobre

<div> height ?

CSS: problem s height

Image width and height BBcode

[HELP]Image Width and Height

Postupna zmena height cez JS

Element s 100% width, height

iframe !!! height:auto nefunguje! prečo?

nastavenie Height v odkaze, css

MIN-HEIGHT problem v IE 6

window.open() - Chrom ignoruje width a height