IE problem: 1 tecken visas på 2 ställen

2 svar · 264 visningar · startad av stephan 15 mars 2006

stephanMedlem sedan feb. 2006117 inlägg

Frågan15 mars 2006 09:11#1

Jag har problem med att IE renderar en sida fel på nåt sätt så att ett tecken dyker upp på 2 ställen.

Bifogar 2 filer:
ff.gif - så här ska det se ut
ie.gif - så här ser det ut nu i IE, och så ska det ju inte vara

HTML:en validerar helt korrekt
CCS:en validerar nästan helt korrekt. får ett fel som inte har med den här sidan att göra, och sen en del varningar som jag inte tycker borde påverka detta.

http://www.comers.se/comers/pages/Untitled-1.html

NiponMedlem sedan juli 2003270 inlägg

15 mars 2006 10:05#2

Hej!

Det har att göra med att dina marginaler "inte får plats".

Pröva:

.push1 {
	MARGIN: 0px 19px 0px 0px;
}
.push2 {
	MARGIN: 0px 19px 0px 0px;
}

stephanMedlem sedan feb. 2006117 inlägg

15 mars 2006 10:34#3

Jäkligt skummt det där. Minskade marginalerna och då funkade det. Men om man räknar på bredderna och marginalerna så ska allt få plats. Och det gör det också i andra browsers än IE.

Om jag minskade marginalerna så fick jag inte den tredje pushen att linjera vertikalt med footern och headern, så jag fick hitta på en annan lösning, och så här blev det:

.push1 {
	margin:0px 20px 0px 0px;
	width:236px;
}

.push2 {
	margin:0px 0px 0px 0px;
	width:238px;
}

.push3 {
	float:right;
	margin:0px 0px 0px 0px;
	width:236px;
}

.push1, .push2 {
	float:left;
}