[CSS] Problem z wyśrodkowaniem w IE

0

Część

Prosty CSS i już lipa w IE:

#header h1 { 
        height: 221px;
        width: 875px; background: url(img/logo.png) top left no-repeat;
        margin: 0 auto;
}

W FF jest ładnie wyśrodkowane, natomiast w IE niewzruszenie ciągle po lewej stronie.

0

Spróbuj dodać text-align: center

0

Dzięki, widzę, że podałem za mało szczegółów:

body { background: url(img/body_top.png) top left repeat-x; background-color: #000;}
#wrapper { width: 950px; min-width: 950px; margin: 0 auto; }
#header h1 span { display:none }
#header h1 {
        height: 221px;
        width: 875px; background: url(img/logo.png) top left no-repeat;
        margin: 0 auto;
}

#header, chce wyśrodkować w #wrapper, które chce wyśrodkować w body, próbowałem to text-align, ale raczej jest skazane na porażkę w tym przypadku.

0

daj h1 display:block;

0

No dzięki za propozycję, ale dalej lipa. Testowałem w FF, Chroma, Safari, Opera - działa zgodnie z oczekiwaniami. Tylko ten pieprzony IE jak zawsze ma problem.

* { margin: 0; padding: 0}
body { background: url(img/body_top.png) top left repeat-x; background-color: #000;}
#wrapper { width: 950px; min-width: 950px; margin: 0 auto; }
#header h1 span { display:none }
#header h1 {
        height: 221px;
        width: 875px; background: url(img/logo.png) top left no-repeat;
        margin: 0 auto;
        display: block;
}
0

To może daj link do całości lub daj to w postaci jak najprostszego HTML-a powodującego błąd, z zagnieżdżonym CSS-em? Wtedy będzie można to zdiagnozować, bo domyślam się, że to wciąż nie cały arkusz stylów.

Btw. po co Ci to min-width, skoro masz width?

0

a właśnie, czym jest #header ? jakie są do niego przypisane style i jak to jest zagłębione w DOM ?

0
<div id="wrapper">
          <div id="header">
              <h1><span>Strona testowa</span></h1>
              <ul id="top-menu">
                  <li><a href="">Aktualności</a></li>
                  <li><a href="" class="active">Zapowiedzi</a></li>
                  <li><a href="">Repertuar</a></li>
                  <li><a href="">Recenzje</a></li>
                  <li><a href="">Kontakt</a></li>
                  <li><a href="">Opinie</a></li>
              </ul>
          </div>
         <div id="content-wrapper">
         </div>
</div>
<div id="footer"></div>

@bswierczynski, dzięki nie pomyślałem o tym.

0

Postaram się na jutro wrzucić moje wypociny na jakiś serwer, bo widzę, że z IE to dopiero początki problemów.

Pozdrawiam

0

Powiedz jeszcze z jakim IE masz problem. IE6? 7? A może z 8? Jak z 6 to problemów będzie dużo. Z siódemką jest mniej, z ósemką powinno być malutko.

0

Spr na IE 8 i już jest tragedia, o IE 6 boje się myśleć nawet. W sumie i tak sobie daruje IE 6 raczej, tak robię stronkę żeby w końcu nauczyć się dobrze style pisać i żeby działało poprawnie pod jakimkolwiek IE.

http://www.kremlin.yoyo.pl/template.html

Wszelkie uwagi mile widziane.

0

I wszystko jasne. IE wchodzi w tryb Quirks. Zmień doctype, np. na <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

0

Dzięki, teraz wyświetla się ok.

Kiedyś coś czytałem o tym quirks mode, całkiem zapomniałem o tym, myślałem, że to relikt przeszłości. Teraz widzę, że chodziło o zgodność wsteczną.

Pozdrawiam

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