02.05.
2008

Višina DIV plasti v IE 6

Pri izdelavi spletne strani za podjetje Replika invest sem naletel na zanimiv “bug” (feature?), ki ga ima IE6.

Glavo spletne strani sem hotel od ostalega dela ločiti z DIV plastjo, ki deluje kot “horizontal rule”, višine 6px in širine 860px. Namen tega je bil na bolj grafičen način ločiti dva sklopa spletne strani.

DIV plast prej in potem

Opazil sem, da v IE6 nikakor ne morem določiti, da je višina DIV plasti manjša od 12px. V brskalnikih IE7, FF, Safari in Operi se je DIV prikazal točno tako, kot sem želel.

#crta { /* Horizontalna crta med glavnimi elementi */
height: 6px;
width: 860px;
background-image: url(../images/crta.png);
background-repeat: repeat-x;
}

Napačna višina DIV plasti.

Puščica označuje praznino med glavo in vsebino spletne strani. Izkazalo se je, da Internet Explorer 6 pogojuje višino DIV značke z velikostjo pisave. Torej, lahko poljubno nastavimo višino DIV plasti, moramo najprej določiti velikost pisave manjšo od višine DIV plasti. Glede na to, da v mojem primeru ni nobene besedilne vsebine, sem višino pisave nastavil na 0px.

#crta { /* Horizontalna crta med glavnimi elementi */
height: 6px;
width: 860px;
background-image: url(../images/crta.png);
background-repeat: repeat-x;
font-size: 0px;
}

Pravilna velikost DIV plasti.

Ni komentarjev.

Dodaj komentar