[løst] Siden bugger i IE

[Mads-b]

nå har jeg ingen anelse lenger:

Jeg lagde en side med dreamweaver, og alt fungerer perfekt med firefox. Problemet er, at når jeg prøver med IE, klemmes hele siden inn til venstre, teksten midtstilles, margins og paddings overdrives, og utrolig mye annet rart...

Er det noen som har eksempler på "idiotsikker kode"?, så selv Microsoft sine makkverk skjønner kodingen?

* {
margin: 0;
padding: 0;
}

div#all {
width:630px;
margin: 55px auto 0 auto;
}

div#doc {
background:url(pics/bg1.jpg) repeat-y;
}

div#header {
height: 94px;
background:url(pics/bcg.png) no-repeat;
}

div#content {
width:450px;
padding: 100px 100px 100px 150px;
font-size:1em;
}

div#footer {
background:url(pics/bg2.jpg) no-repeat;
padding-bottom:50px;
}

h4 {
text-align:center;
font-weight:bold;
padding-bottom:50px;
}

h5 {
padding-bottom:50px;
text-align:center;
font-family:arial, helvetica;
color:navy;
font-size:2em
}


div#navigation {
background:url(pics/nav.png) no-repeat;
width:152px;
float:left;
height: 128px;
font-size:0px;
padding-top:50px;
}

div#navigation ul {
list-style:none;
float:left;
margin: 100px 0 0 25px;
padding:0;
}


div#navigation a {
display: block;
overflow:hidden;
width:100px;
background-repeat:no-repeat;
height:20px;
margin-bottom:15px;
}

 

koden er litt trimmet, så den ikke tar så mye plass.. HTML er ganske fattig ennå, men tingene i #content flyter i hytt og pine..

Endret 13. oktober 2004 av MBaardsgaard

[Simon Zimmermann]

Legg til body {text-align: center;} og legg til denne linjen i div#all text-align:left;

 

Redigert: Les også guide til sentrering på norsk her: Unrealized.org/sentrering og decalibration.net/sentrering

Endret 13. oktober 2004 av Waldmeister

[Mads-b]

fremdeles problemer: knappene hopper for langt til venstre, og på de sidene der det er lite tekst, hopper all teksten en hel side ned, eller kryper sammen på midten..

 

EDIT: ser ut til at padding innstillingen i #content oppfattes ulikt.. Hvis jeg setter "left" til 0, sklir teksten pent til rette i IE, men men "angriper" menyen i firefox...

Endret 13. oktober 2004 av MBaardsgaard

[Mads-b]

hmm, fant ut av det selv. Noen enkle løsninger som margin isteden for padding osv..

 

likevel: takk for sentreringslinken Waldmeister.

[FuLu]

Bare legg merke til, bruk av padding-left/right, tror det også gjelder border og margin, på elementer som har satt width vil skape problemer med box-modellen. Dvs at den vil oppføre seg annerledes i IE enn FireFox/Opera. Det beste er å droppe å bruke dem på elementer med width satt og heller bruke dem på block elementer som P og H2 f.eks som du ikke trenger å sette width på.