[XHTML][CSS] centrowanie div'a - nic nie działa

0

Witam. Próbuję wycentrować stronę http://hostme.lua.pl/index.xhtml. Próbowałem już kilka sposobów i za każdym razem nie działa, to co innym pomaga, w czym może być problem.
margin: 0 auto; nie działa :/ a ludzie na forach piszą że działa. Sprawdzałem na FF, IE i Chromie.
Tutaj link do stylów.
http://hostme.lua.pl/style.css

A wspomnę jedynie że już nie używane działa idealnie. Jak zrobić aby było to zgodne ze standardami? ;>.

Z góry dziękuję za pomoc.

0
body {
    text-align: center
}
#container {
    margin: 0 auto;
    width:866px;
    text-align: left;
}
0

dzięki nav za odpowiedź. To co podałeś także nie działa strona nadal jest na lewej stronie. Otworzyłem nowy projekt i wszystko ładnie działa z margin: o auto; jutro spróbuję od nowa przepisać projekt, aby zobaczyć w czym jest błąd. Prawdopodobnie coś jest nie tak ze stylami, coś blokuje margin. Do jutra. :/

0

dla body, html dopisz jeszcze width:100%; height:100%
a nie wiem czy to pomyłka ale teraz w stylach masz
margin: auto 0;
co oznacza centrowanie pionowe a nie poziome

0

To była jedna z moich desperackich prób :P
hmm... dziwne już działa, nawet nie pamiętam w czym zmieniłem ustawienia, ale ważne, że działa.\

Mam do Was prośbę czy mogli byście sprawdzić czy są jakieś błędy? Czy na Waszych monitorach rozjeżdża się itd?

http://hostme.lua.pl/index.xhtml

0

404

0

Nowy link :p
http://hostme.lua.pl/index.html

IE rozszerzenie xhtml traktuje jako inny plik niż stronę i chce ją pobierać ;/

Mam do Was jeszcze prośbę o pomoc z hover'em. Dlaczego przy pierwszym uruchomieniu zamiast drugiego obrazka pokazuje się ciemno szare tło?

0

Bo obrazek zaczyna się ściągać dopiero, jak najedziesz na niego myszą.

0

A da się coś zrobić, żeby ściągnął w tle?

Próbowałem wstawić wcześniej w stylach te pliki jako tło, ale przeglądarka korzysta jedynie z ostatniego ustawionego tła. Ma ktoś jakiś pomysł?

0

możesz wykorzystać sztuczkę z css i jednoplikowym obrazkiem (polecam)
opis znajdziesz np tu http://perfectionorvanity.com/2005/08/25/efekt-rollover-w-css/

albo załadować obrazki przez javascript, powinny zostać one w pamięci i się już więcej nie ładować (zależy od nagłówków i przeglądarki)

(new Image()).src = 'adres_do_obrazka.jpg';

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