[XHTML/CSS] Problem z "Content-Type: application/xhtml+

[stasio]

Gdy wysyłam do przeglądarki nagłówek Content-Type: application/xhtml+xml to zarówno Firefox jak i Opera ignorują mi style dla listy. Dla Content-Type: text/html wszystko jest w porządku. A chcę aby moja strona była w pełni zgodna z XHTML'em

Kod: Zaznacz cały

#menu-poziome li {
    padding: 0;
    margin: 0;
    display: block; 
    border: 1px solid #000000;
    width: 100%; 
}

Kod: Zaznacz cały

      <div id="menuPoziome">
        <ul>
          <li id="first">Galeria:</li>
          <li><a href="/sakralne">Sakralne</a></li>
          <li><a href="/kwiaty">Kwiaty</a></li>
          <li><a href="/kompozycje">Kompozycje</a></li>
          <li><a href="/postacie">Postacie</a></li>
          <li><a href="/pejzaze">Pejzaże</a></li>
          <li><a href="/zegar">Zegar</a></li>
        </ul>
      </div>

Powinno wyglądać tak:

A wygląda tak:

[emdabelju]

Kod: Zaznacz cały

{display: inline;}

I jeszcze jedno: div-y: "menu-poziome" i "menuPoziome" na moje oko to dwa różne identyfikatory.

[Hawk]

Możesz też popróbować z float.

Kod: Zaznacz cały

float: left;

[stasio]

I jeszcze jedno: div-y: "menu-poziome" i "menuPoziome" na moje oko to dwa różne identyfikatory.

Przepraszam przy pisaniu tego posta popełniłem błąd.
Powinno być menu-poziome.
Ponieważ dla wszystkich selektorów li wcześniej zadeklarowałem "float: left" powinienem dopisać to w poprzednim poscie.

Próbowałem zarówno "display: block", "display: inline" jak i "display: inline-block"[/quote]

[Salfunglandyare]

Wyrzuć "float: left" dla li i zastosuj "display: inline;" albo zostaw "float: left;", "display: block;" i wyrzuć "width: 100%;", a odstępy załatwiaj paddingami.

pzdr.