Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Problem z allegro i IE
Forum PHP.pl > Forum > Przedszkole
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
  1. <div id="strona">
  2. <div id="gora"></div>
  3. <div id="bok"></div>
  4. <div id="tekst"></div>
  5. <div id="dol"></div>
  6. </div>


Problem nr. 1
  1. #strona {
  2. margin: auto;
  3. width: 50em;
  4. border-left: 3px solid #753334;
  5. border-right: 3px solid #753334;
  6. background: white;
  7. height: auto;
  8. }


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. blinksmiley.gif

Problem nr.2
  1. #tekst {
  2. float: right;
  3. width: 30em;
  4. margin-top: 0em;
  5. margin-right: 2em;
  6.  
  7. }


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
  1. a img{
  2. padding: 18px;
  3. background: #DFDFDF;
  4. }
  5.  
  6. a:hover img {
  7. background: #753334;
  8. }


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

Proszę o pomoc!
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 sad.gif
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:

Cytat
!usunietoant;
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;
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
  1. <div id="calosc" style="text-align: center;">
  2. zawartosc
  3. </div>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.