[HTML+CSS] Strona się rozjeżdża na IE

0

Witam,
usiłuję napisac poprawnie stronę tak, żeby działała na róznych przeglądarkach. W firefoksie wszystko jest ok, jednak z ie znów mam problem. Jest jeden fragment strony, który ma wyglądać tak:

user image

Natomiast na ie wygląda on tak:
user image

Oba rzędy obrazków to divy spozycjonowane absolutnie. Jakie właściwości moga sprawiać, że obrazek tła jest przesunięty w górę?

0

wklejaj Od razu kod html i css, najlepiej fragmenty odpowiedzialne za daną częśc..

i przygotuj sie na robienie kilku arkuszy dla różnych przeglądarek, bo zdaje sie ze zaczynasz dopiero w designie.

polecam:

<link rel="stylesheet" type="text/css" href="style.css" />
 <!--[if lt IE 7]><link rel="stylesheet" type="text/css" href="style_ie6.css" /> <![endif]-->
 <!--[if gte IE 7]><link rel="stylesheet" type="text/css" href="style_ie7.css" /> <![endif]-->
0

border/padding.
IE trochę inaczej liczy wymiary elementu niż Fx/O.

0

Ale IE inaczej liczy wymiary elementu tylko jeżeli jest w Quirks Mode, w trybie standardów liczy jak każda inna przeglądarka. Pokaż kod XHTML, zwłaszcza nagłówek ;-)

0

Ok, już podaję kod :)


Nagłówek

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


Kod:

<div id="page">
	
	(...)
	
	<div id="footer">
		<div id="footer_topleft"><img src="..." width="251" height="43" /></div>
		<div id="footer_topright">&nbsp;</div>
		<div id="footer_bottom"><img src="..." width="278" height="26"/></div>
	</div>
</div>


Styl:

#footer{
	width: 100%;
	height: 69px;
	position: absolute;
	bottom: 0;
	line-height: 0;
}
#footer_topleft{
	width: 251px;
	height: 43px;
	position: absolute;
	left: 244px;
	top: 0;
	line-height: 0;
}
#footer_topright{
	height: 43px;
	position: absolute;
	left: 495px;
	right: 0;
	background-image: url(...);
	line-height: 0;
}
#footer_bottom{
	width: 100%;
	height: 26px;
	position: absolute;
	top: 43px;
	background-image: url(...);
	line-height: 0;
}
0

Brakuje <?xml..?> i pytanie czy wysyłasz stronę jako aplikację xml+xhtml?

0

Racja, dodałem <?xml..?>. Dokument wysyłany jest zwyczajnie jako text/html (lub w ogóle, jak jest ciągnięty z dysku, wtedy pewnie od rozszerzenia zależy?). Ale ponoć IE w ogóle nie obsługuje xml+xhtml, nie?

0

Nie obsługuje.

0

Nav, ale dodanie prologu XML spowoduje, że IE w ogóle może tak policzyć paddingi i marginy że się wszystko rozpadnie...

1 użytkowników online, w tym zalogowanych: 0, gości: 1