Dobbel margin i Firefox

[Vibeke S]

Nå har jeg søkt rundt omkring på nettet, men alt jeg finner handler om dobbel margin i IE. Problemet mitt er motsatt. Siden ser fin ut i IE, men i FF blir #content forskjøvet dobbelt så mye som den skal. Altså, jeg setter

margin-right: 150px; 

men det blir til 300px i FF.

 

I IE blir det ca en pixel forskjøvet også.

 

Blir veldig takknemlig for hjelp! Nå har jeg irritert meg over dette problemet lenge...

 

Link.

 

Tar gjerne imot tips til forbedring av design også. Linkene funker ikke ennå, bare sånn at det er sagt. Dessuten vet jeg ikke helt hva jeg skal ha i footer.

 

Syns dere siden burde fylle hele siden i høyden og utvide seg, eller bør den være en sånn "boks" som den er nå?

[Marvil]

Som jeg sa.

Endret 22. oktober 2004 av Marvil

[Loomy]

Kan du ikke bare ha margin-right:0 da? Eller blir den helt vrak i IE da? Funker i hvert fall bra i FF med margin-right:0

[Vibeke S]

Takk! Det funka bra i FF ja. Men det er jo fortsatt den ene pixelen i IE da. Kanskje det til og med er to pixler. Noen som vet hvorfor det blir mellomrom der?

[PoleCat]

Firefox gjør riktig, og regner 150px fra neste element.

 

Grunnen til at det i dette tilfellet blir dobbelt så mye, er at menyen din også er 150px.

 

#innhold {
padding: 0;
background-color: white;
background-image: url(linje.gif);
background-repeat: repeat-y;
height: 450px;
overflow: auto;
float: right;
width: 575px;
}

#meny {
float: right;
width: 150px;
\width: 150px;
w\idth: 150px;
height: 450px;
margin: 0;
margin-left: 0;
padding: 0;
background-color: white;
background-image: url(meny.gif);
background-repeat: no-repeat;
overflow: hidden;
}

 

^ Funker iallefall i Firefox.

[Vibeke S]

Jippi! Nå er den helt fin! Takk for hjelpa.