[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.

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

[erix]

Musisz zmajstrować reguły osobnie dla IE. On zawsze ma problemy z marginesami. [;

http://kurs.browsehappy.pl

[thomson89]

Szkoda tylko że w allegro się tak nie da

[erix]

Da się:

Kod

wlasnosc: wartosc !important; wlasnosc: wartosc2

z czego tę drugą uwzględni tylko stary IE. [;

[thomson89]

Nie da się. System Allegro wykrywa niezalecaną własność import i usuwa to słowo, zostawiając !tant.

EDIT:

A dokładnie to:

!usunietoant;

Ten post edytował thomson89 25.06.2009, 17:35:05

[erix]

Blah, bo nie pozwalają na przeciążanie własności CSS, żeby na ich elementy interfejsu nie dało się włazić, kiedyś o tym było.

Nie bawiłem się za bardzo CSS-ami w Allegro, ale możesz tam dodawać np:

Kod

* html #selektor
{asasd:asdasd}

czy tylko jako styl w znacznikach?

[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; }

[erix]

Ech, wybierz coś sobie...

http://centricle.com/ref/css/filters/

[thomson89]

No na przykład takie coś wybrałem.

Kod

<style type="text/css">
        /* \*/
        #test-span {
            color:green;
            }
        /* */
    </style>

i to mi tylko dało że pod ie ten pasek nie wchodzi tam gdzie nie powinien, ale w operze dziura zostaje mimo margin: -11em;

Ten post edytował thomson89 25.06.2009, 22:05:10

[erix]

Zakoduj to po ludzku tak, aby w Fx i Operze było jak trzeba, dopiero na końcu męcz się z IE...

[ermar]

Najprościej i w sumie całkiem elegancko jest dl IE opakować to w kontener

[HTML] pobierz, plaintext 
<div id="calosc" style="text-align: center;">
zawartosc
</div>
[HTML] pobierz, plaintext