3 svar · 457 visningar · startad av teddd
Hej!
Jag håller på med en sida som ni hittar på http://www.everydaymedia.se/mycrew
Som vanligt är det struligt att få en enhetlig design genom alla webbläsare.
I google chrome så funkar sidan finfint, men i explorer så blir nyhetsdelen där nere helt fucked up.
Så här ser css ut för den delen som blir konstig:
#nyheter {
float:left;
padding-left:20px;
padding-right:20px;
padding-top:20px;
height:29px;
}
.nyheter-left, .nyheter-right {
float:left;
height:29px;
width:8px;
}
.nyheter-middle {
background-image: url(../images/newsnav_middle.png);
background-repeat: repeat-x;
float: left;
height: 29px;
width:200px;
}
.nyheter-icon {
margin-left:20px;
margin-top:6px;
float:left;
}
.toptext {
float:right;
height:29px;
margin-left:20px;
color:#ffffff;
font-family:Verdana, Arial, Helvetica, Sans-Serif;
font-size:10px;
text-decoration:none;
}
Jag undrar om det på nått sätt går att få internet och alla webbläsare att ha samma inställningar för padding, margin och sådant?
Tacksam för svar!
det du efterfrågar har du ju redan ;) @import url("reset.css");
fast vetefasen om det där är korrekt
testa med bara @import "reset.css"; istället
Reset.css skall ju "nollställa" allt till så att alla browsers korkade defaultvärden på margins och padding försvinner
Jag brukar lägga min reset-css överst i min ordinarie css-fil, "komprimerad" så tar den bara 1 rad så den är inte direkt ivägen
Det gjorde ingen skillnad, jag har ju en reset fil som ska nollställa allt, men jag vet inte om den gör varken eller.
Den ser ut såhär:
*, html, body, div, class, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none }
Försök knåpa ihop sidan med doctype strict istället för transitional. Det brukar lösa (nästan) alla IE-problem.