CSS niedziałający pod IE

Jak wyśrodkować tabele aby była na środku w IE. Pod Mozillą śmiga ale IE, kaszana. Zobaczcie

Zamiast robić to na tabelach (pewnie tak Ci to PS eksportuje…) zrób to na DIVach - ładnie i zgodnie ze standardami.

Jak trzeba zmienić tego CSS’a aby chodził pod IE. Stronka do testu

Możesz do znacznika

Tabele nie są do tworzenia szablonów.

Co to za parametry w znaczniku

?

marginheight="0" marginwidth="0"

Je z tego co pamiętam używa się dla ramek, po prostu napisz

style="margin:0;"

background="Allianz%20Bydgoszcz%20-%20Beta%20-%20Animologic%20Site_pliki/menu_tlo.png"

Dodaj to jako styl dla znacznika

background:url(adre_do_grafiki)

i unikaj spacji w adresach do grafik

Jak zmienić CSS żeby strona była dobrze wyświetlana w Caminio 1.6 w MacOs. W IE i Firefox-ie pod Windows jest oki.

http://www.babskakawiarenka.lua.pl

żeby stronka (div, tabelka) była na środku to można zrobić np. tak:

html, body

{

	background-color: #fff;

	color: #000;

	margin: 0;

	padding: 0;

}


#all

{

	margin: 0 auto;

	width: 780px;

}

gdzie #all to oczywiście id głównego diva tudzież tabelki :slight_smile:


to wklej zdjęcie jak to wygląda w MacOs bo większość ludzi pewnie siedzi na Windowsie oraz linuksie…

Ja tak mam i w IE mi dobrze wyświetla tylko nie w FF i Operze


PS. - Akutualizacja, nowy link do stronki z góry postu a tutaj napisałem jak to wygląda w poszczególnyh przeglądarkach test.php Wszystko na XP’ku prócz IE7.


Niema chyba różnicy czy to w html czy php??

Oki zaczynamy :slight_smile:

Wywal całkowicie tą linijkę

body { behavior: url(css/csshover2.htc); width: 800px; margin: 10px auto; }
  1. Masz tak napisane index.php
    style.css #site { margin: 0 auto; width: 1000px; } Po co powtarzać definicję margin na stronie jak i w pliku style.css 3. Pozamykaj wszystkie puste znaczniki, popraw doctype, walidator pokazuje jakiś błąd z atrybutem target="_blank" ale jak to jest z nim w xhtml to nie wiem 4. Powtarzasz dwa razy parametr id=“MENU”, co jak dla id jest niedozwolone w obrębie jednej strony Najlepiej alb zmień nazwę jednego określenia atrybutu stylu albo wywal

[/code]

Bo jak na razie jest i tak puste

W znaczniku grafiki (to logo) zamień border=“0” na style=“border:0;”

Wywal ten znacznik

na dole strony

Sory że się tak czepiam :slight_smile: ale jak już zauważyłem to napiszę.

Widać wszystko poza menu na głównej stronie. Jest tam biała plama, która standardowo stanowi tło do menu pod Win-em i Linux-em.

Widzę że koledzy trochę namieszali z tymi radami :wink:

  1. to behavior: url(css/csshover2.htc) jest hack na IE < 7 żeby ie reagował na hover przy innych elementach niż a i musi być.

  2. Żadne dodatkowe div nie są potrzebne do wyśrodkowania.

    body { margin: 0 auto; width: 1000px; }

  • poprawne doctype. Ewentualnie dla ie

    body { text-align: center; }

  1. Zamień to

na samo

Są i inne błędy w kodzie, ale to już sam popraw.

A tak ogólnie to wyśrodkowanie strony jest opisana na mojej stronie :wink:

http://www.puma.pomorze.pl/porady.php#p02