[HTML][CSS] Problem z allegro i IE Opcje

[thomson89]

Witam!

Zrobiłem sobie szablonik na Allegro. Testowałem go na Operze, starym IE, nowym oraz na Firefox'ie. Wszystko było dobrze. Marginesy były zachowywane, strona była na środku. Gdy wsytawiłem przedmiot (link - proszę tego nie odbierać za spam) w IE, strona nie została wyświetlana na środku (znaczy, opis) a marginesy nie były zachowane.

Struktura szablonu

[HTML] pobierz, plaintext 
<div id="strona">
   <div id="gora"></div>
   <div id="bok"></div>
   <div id="tekst"></div>
   <div id="dol"></div>
</div>
[HTML] pobierz, plaintext 

Problem nr. 1

[HTML] pobierz, plaintext 
#strona {
	margin: auto;
	width: 50em;
	border-left: 3px solid #753334;
	border-right: 3px solid #753334;
	background: white;
	height: auto;	
}
[HTML] pobierz, plaintext 

Strona, pod IE, nie wyświetla sie na środku. Margin auto nie działa, tak samo jak margin-left/right. Nie wiem zupełnie czemu. (IMG:http://forum.php.pl/style_emoticons/default/blinksmiley.gif)

Problem nr.2

[HTML] pobierz, plaintext 
#tekst {
		float: right;
		width: 30em;
		margin-top: 0em;
		margin-right: 2em;
 
}
[HTML] pobierz, plaintext 

Cały div, wyświetla się za wysoko. Najeżdza na górne falbanki (div gora). Wcześniej było margin-top: -11em, aby pod operą i Firefoxem było ładnie. Ale pod IE margines nie był zachowywany. Potem zmieniłem na 0, ale to nic nie dało. Gdy dałem margin-top:2em; całość (pod IE) zjechała z góry i jest tam gdzie trzeba. Ale pod Operą i firefoxem zostaje brzydka dziura.

Problem nr.3

[HTML] pobierz, plaintext 
a img{
padding: 18px; 
background: #DFDFDF;
}
 
a:hover img {
	background: #753334;
}
[HTML] pobierz, plaintext 

IE tego nie akceptuje, tzn. tak jakby nie widzi. jakby tego styla nie było. Tez nie wiem jak to naprawić

Proszę o pomoc!

Ten post edytował thomson89 25.06.2009, 13:29:43

[thomson89]

przed opisem przedmiotu allegro dodaje

Kod

<form style="position:relative;top:0;overflow:auto;margin:0;padding:0;"><fieldset id="user_field" style="overflow:auto;position:relative;top:0;border:none;margin:0;padding:0;text-align:left;">

i dodatkowo body zamienia na

Kod

#user_field

i przed każdy selektor również dodaje

Kod

#user_field #strona { margin: auto; }