listing av elementer med css

[Smidt]

jeg holder på med litt css for tiden og har prøvd litt med listing.

det som er problemet er at denne jeg i IE får et uønsket mellomrom over og under hvert element med innrykk.

jeg lurer derfor på om noen kan ta en titt på kodingen og evt. hjelpe meg med å finne feilen, som forøvrig _bare_ er i IE.

 

link--> http://predicted.net/test/meny/

css fil --> http://predicted.net/test/meny/style.css

Endret 13. mars 2004 av Smidt

[Loomy]

Prøv å legg til

padding-bottom:0px;
line-height:normal;

i .boks ul

[Smidt]

det virket desverre ikke, det er nå 0 margin på alle kanter. må jo da være overgangen mellom <p> og ul/li som skaper problemer, men hva er det som gjør det feil?

[Loomy]

Hmm... Mulig det er <li> som er årsaken. Hvis du prøver å definere litt padding, line-height og margin på den kan det kanskje funke. Worth a try.

 

.boks li {
margin: 0px;
padding: 0px;
line-height:normal;
}

[Smidt]

nope, still not IE valid, (men w3c godkjenner merkelig.. )

Endret 13. mars 2004 av Smidt

[Loomy]

Idè! Tror faktisk det er pga. font-size'en din. Hvis ikke jeg tar helt feil bruker den line-height'en til 100 prosents font-size uansett om den står på 65% eller 10% for den saks skyld.

Så prøv å endre font-size til Xpx

[Smidt]

alle prosenter i fontstørrelse byttet ut, ingen forskjell...

[Loomy]

 

Hva med å sette line-height til f.eks 10px da? Det MÅ funke

[Smidt]

satt både ul og li til line-height: 10px; funket. takk takk