webForumDet fria alternativet

Samma padding i alla webbläsare?!

3 svar · 457 visningar · startad av teddd

tedddMedlem sedan mars 200950 inlägg
#1

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!

rhdfMedlem sedan okt. 2007446 inlägg
#2

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

tedddMedlem sedan mars 200950 inlägg
#3

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 }
BaltizMedlem sedan maj 200591 inlägg
#4

Försök knåpa ihop sidan med doctype strict istället för transitional. Det brukar lösa (nästan) alla IE-problem.

129 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)