(css) height: 3px; vs explorer

jurko

Mám menší problém s css...

#header {
   width: 100%;
   height: 5px;
   background-color: #333333;
}
html>body header {
	height: 5px; /* toto darujem ko*ot exploreru */
}

Prve id je moja poziadavka tzn. 5px hruba... explorer ju ale zobrazuje ako normálny riadok, teda circa 10 px, tak som to skusal odrbkať tou druhou vecou...
Pls... niekto poradte...

http://www.jvphoto.sk - ček it v mozille a ček it v exploreri... header je vrchny pasik stranky...

Kód: Vybrať všetko

<SCRIPT LANGUAGE="Javascript">
<!--
if (navigator.appName == "Microsoft Internet Explorer") 
  document.write("kód pre Microsoft");
else
  document.write("s najväčšou pravdepodobnosťou Netscape");
//-->
</SCRIPT>

skús to takto. V css neviem či sa to dá rozlíšiť, ak áno, rád sa naučim niečo nové

jurko

Lol, to snáď nemyslíš vážne

v javascripte mám definovať css ?

nie, urobíš 2 verzie stránok a pomocou js zobrazíš tú čo treba.

IgiPoP

mas pravdu, IE ma s tym problem, ale v tomto pripade staci vediet, preco to robi a dovod je jednoduchy. IE automaticky upravuje velkost v pripade, ze by si do elementu chcel nieco napisat, teda tvoj element nastavil na defaultnu velkost pisma.

riesenie:

Kód: Vybrať všetko

#header {
 height: 5px;
 font-size: 1px;
}

jurko

pekný bonbónik, veľké ďakujem... vedel som, že explorer potrebuje mať niečo v dive a potom zmení veľkosť, keďže tam nič nebolo dával defaultnú height... firefox to robí presne opačne... v dive nepotrebuje mať ani znak a nastaví požadovanú height... ak mám napríklad ale height 3px; a v dive mám nejaké znaky, nie je šanca, že bude mať div hrúbku 3px;

...aspoň tak si to vysvetľujem ja...

maslo

ja by som pridal do vlastnosti
line-height: 0px;
font-size: 0;

niekedy to pomoze