Nie mogę wycentrować elementu.

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
lucider
Nowy
Nowy
Posty: 30
Rejestracja: śr mar 16, 2005 10:23 am

Nie mogę wycentrować elementu.

Post autor: lucider »

Mam w css

Kod: Zaznacz cały

table.poziome {
	margin:auto;
	text-align:center;
}
a i tak na IE 6 tekst jest do lewej storny.

Chodzi o poziome menu u góry na http://www.e-pomocnik.pl


Jedyne co działa to <center> ale chcę go uniknąć, żeby nie tracić poprawności z XHTML. Jakieś sugestie?
gorylek
Zaczyna działać
Zaczyna działać
Posty: 427
Rejestracja: śr gru 19, 2007 7:29 pm

Re: Nie mogę wycentrować elementu.

Post autor: gorylek »

Witaj,
poprawny zapis to margin: 0 auto; dla elementów które mają nadaną szerokość.

Masz większy problem, na nadal bardzo popularnym IE 6 witryna wygląda okropnie. Nie wiem czy naprawi to wszystkie błędy ale większość na pewno, usuń deklaracje XML z dokumentu (pogrubiony fragment):
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Validator nie powinien się pluć a niestety mimo tego standardu, IE 6 toleruje dokumenty zaczynające się bezpośrednio DOCTYPE. Każdy inny przypadek powoduje że IE cofnie się do trybu wstecznej zgodności.

Pozdrawiam
Gorylek
lucider
Nowy
Nowy
Posty: 30
Rejestracja: śr mar 16, 2005 10:23 am

Re: Nie mogę wycentrować elementu.

Post autor: lucider »

Dzięki za radę z deklaracją. Z IE jest jeszcze roboty, słyszałem że jest jakiś sposób żeby IE bez problemów obsługiwał przezroczystość .png - wie ktoś coś o tym :)

A z największym problemem niestety po wpisaniu margin: 0 auto; dalej nie działa co całkowicie mnie dobija bo przyczyny nie widzę...
gorylek
Zaczyna działać
Zaczyna działać
Posty: 427
Rejestracja: śr gru 19, 2007 7:29 pm

Re: Nie mogę wycentrować elementu.

Post autor: gorylek »

Kod: Zaznacz cały

table.poziome {
   margin:auto;
}

table.poziome td {
   text-align: center;
}
lucider
Nowy
Nowy
Posty: 30
Rejestracja: śr mar 16, 2005 10:23 am

Re: Nie mogę wycentrować elementu.

Post autor: lucider »

Dzięki za sugestię, ale ten sposób też nie rusza tego elementu...


[edit]

Już rozwiązany problem, wystarczyło nadać konkretną szerokość tabeli.
gorylek
Zaczyna działać
Zaczyna działać
Posty: 427
Rejestracja: śr gru 19, 2007 7:29 pm

Re: Nie mogę wycentrować elementu.

Post autor: gorylek »

gorylek pisze:Witaj,
poprawny zapis to margin: 0 auto; dla elementów które mają nadaną szerokość.
No o tym pisałem :-) Pozdrawiam
sm-
Posty: 1
Rejestracja: pt sie 15, 2008 12:56 pm

Re: Nie mogę wycentrować elementu.

Post autor: sm- »

Wiem że moja sugestia może być nieco bardziej pracochłonna, ale ja odszedłbym od budowy menu na tabeli. Zamiast tego zastosowałbym listę nieuporządkowaną z elementami wyświetlanymi jako inline-block. Pod tym linkiem znajdziesz trochę informacji na ten temat:

http://kurs.browsehappy.pl/Krok/MenuCSS

Tu natomiast znajdziesz precyzyjne informacje o tym jak załatwić problem przezroczystości .png w IE. Osobiście polecam rozwiązanie oparte o JS, tak naprawdę mało kto wyłącza obsługę skryptów, a rozwiązanie oparte o PHP wydaje mi się "długie" :).

http://koivi.com/ie-png-transparency/
ODPOWIEDZ