Spørsmål om css-kode

[Gilbert]

Har forsøkt å lage en css-kode på grunnlag av denne koden. Har noen spørsmål, de er markert med ?

body {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

font-family: verdana, arial, helvetica, sans-serif;

color: #ccc;

background-color: #849BAD;

}

#top {

margin: 2px 2px 2px 2px;

padding: 10px;

border: 1px solid #ccc;

background: #2E6098;

height: 70px; /* ie5win fudge begins */

voice-family: "\"}\"";

voice-family:inherit;

width: 744px;

}

 

html>body #top {

height: 70px; /* ie5win fudge ends */

}

#left {

position: absolute;

top: 96px;

left: 0px;

margin: 2px;

border: 1px solid #fff;

background: #CFD7DE;

width: 140px; /* ie5win fudge begins */

voice-family: "\"}\"";

voice-family:inherit;

}

html>body #left {

width: 120px; /* ie5win fudge ends */

}

#middle {

margin: 0px 0px 0px 168px;

width: 500px;

border: 1px solid #fff;

background: #fff;

}

#right {

position: absolute;

top: 96px;

right: 0px; /* Opera5.02 will show a space at right when there is no scroll bar */

margin: 0px;

border: 1px solid #ccc;

background: #fff;

width: 130px; /* ie5win fudge begins */

voice-family: "\"}\"";Hm... ?

voice-family:inherit;Hm... ?

}

html>body #right { Hva skal man med denne?

width: 120px; /* ie5win fudge ends */

}

Jeg går ut fra at html>body #right har noe med en bug å gjøre? En gå-rundt-sak?

Resultatet blir ikke helt som planlagt, så må utforske dette mer.

[Lokaltog]

Du har glemt en linje..

 

Uansett, dette er en hack som utnytter en bug i IE5s CSS-tolk. Slik jeg har forstått det så ignorerer IE5 width etter voice-family-hacken, og pga. manglende støtte så ignorerer alle versjoner av IE html>body #right. Dette må man gjøre pga. boksmodelltolkningen til IE5, som ikke tolker margin/padding på riktig måte.

 

Håper dette klarnet opp litt!

[Gilbert]

så etter

 

voice-family: "\"}\"";

voice-family:inherit;

 

skal det stå enda en width? det forklarer hvorfor det var to x width der

 

Dette fjernet litt tåke, jobber videre med saken!