15 svar · 365 visningar · startad av nummersju
Hoppas att någon skulle kunna kolla på detta och säga vad som är fel...
Firefox vill inte fatta :P
Marginalen till vänster är större i FF och det verkar finnas en top-margin som inte ska vara där :P
http://nummersju.net/gute1/
http://nummersju.net/gute1/style.css
För att slippa tänka på hur marginaler och indrag uppträder i olika webläsare så bör man lägga in en global nollning av dessa och sedan sätta det mer specifikt på de element där det behövs.
Lägg till följande högst upp i style.css:
* {
margin:0;
padding:0
}
Sätt inga marginaler på html, body{}
I FF blir det dubbelt så mycket; alltså 40px.
Lägg det istället på #container:
#container {
margin:0 auto 0 20px;
}
Tackar och bockar! :birp
Nu dök ett nytt problem upp :S
Det ska fortfarand se ut som i IE...
http://nummersju.net/gute1/
http://nummersju.net/gute1/style.css
Det är marginlen på #annons som ger glappet.
Kör med padding-top:10px; på #container istället.
Tjenare.
1. Använd en korrekt DTD
2. Nollställ marginaler och padding med:
* { margin: 0; padding: 0; }
3. Sedan gör du som Insider skriver (tror jag ;) ).
mv icaaq
Mer problem :( Som vanligt stämmer det i IE men inte i FF...
http://nummersju.net/gute1/
http://nummersju.net/gute1/style.css
Flytande element försvinner ur dokumentflödet, varför #top-loggo vill börja på samma ställe som din meny.
En clear gör att elementet lägger sig nedanför alla flytande element.
#top-loggo {
clear:left;
}
Läs mer:
http://www.autisticcuckoo.net/arkiv.php?id=2004/12/10/flytande
Förresten, se till att sidan validerar! Det minskar risken för olikheter mellan olika webläsare.
nummersju skrev:
Som vanligt stämmer det i IE men inte i FF...
det har jag aldrig hört tidigare!
HAHA, näää ;) Men jag vet att om det inte stämmer i FF så har man missat något himla viktig! Firefox for the win :)
vad är det som gör att sidan är lite mer än 100% nu? har kollat lite på exemplen men jag har inte hittat felet...
http://nummersju.net/gute1/
http://nummersju.net/gute1/style.css
när jag ändå e här så kan jag väl svara.
det beror på en marginal (margin) du har på, förmodligen ett stycke (paragraph på engelska).
oj då, ursäkta... det kan bero på det också och jag förutsatte fel sak
kollade en minut på din kod, den var ju simpel till min stora förnöjelse = snabbt gjort.
#container {
width: 700px;
min-height: 100%;
background: #fff;
text-align: left;
margin: 0 auto 0 40px;
padding-top: 10px;
}
ta helt enkelt bort "padding-top:10px;"...
//henke
okej, ska försöka... för tar jag bort den blir det knäppt på annat håll ;)
vad blir knäppt då?