<div width="X"

[-=CrøM=-]

Har laget en enkel liten hjemmeside, men problemet mitt er at den ene div'n blir bredere i Mozilla enn i IE.

 

Div'n det er snakk om er spsifisert i css som følger:

 

}

.div {

float:left;

margin-left: 3px;

width: 620px ;

 

}

 

Har også prøvd meg litt med en bredde angivelse i % istedenfor px, men samme problemet oppstår.

 

Dere kan jo godt ta en titt på hjemmesiden, men som sagt så er jeg ikke ute etter design-kritikk eller lignende.

 

 

Er det noen løsning på dette?

[PT]

Det har vel ikke noe å si, men du har et mellomrom mellom '620px' og ' ; '

[-=CrøM=-]

Fjernet mellomrommet, men det løste ikke problemet

[Loomy]

Prøv å legg til padding: 0px;

 

Kanskje det hjelper...

[FuLu]

Ser i css fila di at det er feil på ting og tang

 

http://home.no.net/ignitor/style.css

 

Klassen .hoved har width: 760; men det skulle stått 760px;

Klassen .tekst har padding samtidig som du har satt width. Padding i i elementer som har fast bredde er et problem. IE oppfatter dette annerledes enn Opera/Mozilla. Unngå å bruke padding på elementer som har satt width. padding-top og -bottom kan du fint bruke, men -left og -right er det som skaper de mest irriterende problemene

 

Det du kan prøve på, er å bruke padding-left og -right på P elementer du har inni .tekst blokken. P elementene trenger du ikke sette noe width på, siden block elementer vil strekke seg i hele bredden. Med denne metoden vil du få lik layout i IE som i Opera/Mozilla.

[-=CrøM=-]

Danke FuLu

Da har jeg lært noe nytt i dag også