Właśnie przystosowałem strone do standardu xhtml 1.1. Powyrzucałem między innymi niekompatybilne znaczniki (np. "align") i wstawiłem zamiast nich odpowiednie style. I co się okazuje? Podczas gdy w IE strona wygląda tak jak powinna, to w mozilli wszystko sie "porozłaziło". Okazuje się, że "text-align" w mozilli nie spełnia swojego zadania, np. gdy zrobię blok <div style="text-align: center"> [tu jakaś tabela] </div>, to IE tabele wycentruje jak należy, natomiast w mozilli jest po lewej stronie :-( Gdyby ktoś zechciał pomóc - to jest adres strony: www.interco.pl
pozdrawiam!!!
Pełna wersja: Coś nie tak z "text-align" w mozilli.
A po co Ci <DIV>?
Zrob tak...
Zrob tak...
Kod
<table border="....." style="text-align: center;">
Próbowałem - nic z tego. Poprostu jest tak jakby mozilla wogóle nie reagowała na 'text-align'. A to co podałem to był tylko przykład, tak naprawdę mam zdefiniowaną klasę zwaną "całosc" ktora obejmuje blok <div> od samego <body> do </body>. Wiem, rownie dobrze moglbym zrobic <table class="calosc"> [cala tresc strony] </table>, ale to i tak nic nie zmienia - nadal wszystko sie "rozlazi".
Witam
U mnie mozilla nie ma problemow z text-align, a wydaje mi sie ze to wlasnie IE ma problemy.
http://www.quake2.org/temp/align.htm
Testowane:
Mozilla/5.0 (Windows; U; Windows NT 5.1; pl-PL; rv:1.4b) Gecko/20030507
i
IE 6.0.2800.1106
Pozdrawiam
U mnie mozilla nie ma problemow z text-align, a wydaje mi sie ze to wlasnie IE ma problemy.
http://www.quake2.org/temp/align.htm
Testowane:
Mozilla/5.0 (Windows; U; Windows NT 5.1; pl-PL; rv:1.4b) Gecko/20030507
i
IE 6.0.2800.1106
Pozdrawiam
body { text-align: center; } wlasnie nie chodzi juz wiele osob to zauwazylo, tez nie wiem czym zastapic <center> :/
a twoj <div> to sprobuj mu najpierw ustawic na sztywno pozycje i rozmiar, bo moze masz ten problem, ze div sie nie zagniezdza pod mozilla miedzy <td></td> tylko wylazi na wierzch, podczas gdy w IE jak dasz np
<td><div style="width: 100%;"></div></td> to sie trzyma jak nalezy.. w mozilli nie...
dedukuje na slepo bo nie wiem konkretnie jak masz rozlozone wszystko u siebie.. :/
@teodor
ie6:
xxx oraz ramka2 po srodku ekranu
mozilla:
xxx na srodku
ramka2 po lewej
w obu 'lalalal' w ramce2 jest po lewej, bo zeby w srodku tabeli cos dzialalo to oczywiste ze div style z wierzchu nie bedzie chodzil... tak samo przeciez np. z fontami jest ze obrocz body {font} trzeba dac td {font} ... i z innymi paroma wlasciwosciami tez....
a twoj <div> to sprobuj mu najpierw ustawic na sztywno pozycje i rozmiar, bo moze masz ten problem, ze div sie nie zagniezdza pod mozilla miedzy <td></td> tylko wylazi na wierzch, podczas gdy w IE jak dasz np
<td><div style="width: 100%;"></div></td> to sie trzyma jak nalezy.. w mozilli nie...
dedukuje na slepo bo nie wiem konkretnie jak masz rozlozone wszystko u siebie.. :/
@teodor
ie6:
xxx oraz ramka2 po srodku ekranu
mozilla:
xxx na srodku
ramka2 po lewej
w obu 'lalalal' w ramce2 jest po lewej, bo zeby w srodku tabeli cos dzialalo to oczywiste ze div style z wierzchu nie bedzie chodzil... tak samo przeciez np. z fontami jest ze obrocz body {font} trzeba dac td {font} ... i z innymi paroma wlasciwosciami tez....
wlanie sprawdzilem w IE i pod Mozzila:
*****
*****
poprawka: wlasnie zainstalowalem mozille 1.3.1 i rzeczywiscie text-align: center nie dziala..
*****
*****
szukalem jakiejs alternatywy aby bylo center i nie znalazlem :?
Kod
<div style="text-align: center">[txt/graph]</div>
i wszysko jest po srodku ekranu bez problemu... :wink:
*****
*****
poprawka: wlasnie zainstalowalem mozille 1.3.1 i rzeczywiscie text-align: center nie dziala..
*****
*****
szukalem jakiejs alternatywy aby bylo center i nie znalazlem :?
Cytat
@teodor
ie6:
xxx oraz ramka2 po srodku ekranu
mozilla:
xxx na srodku
ramka2 po lewej
w obu 'lalalal' w ramce2 jest po lewej, bo zeby w srodku tabeli cos dzialalo to oczywiste ze div style z wierzchu nie bedzie chodzil... tak samo przeciez np. z fontami jest ze obrocz body {font} trzeba dac td {font} ... i z innymi paroma wlasciwosciami tez....
ie6:
xxx oraz ramka2 po srodku ekranu
mozilla:
xxx na srodku
ramka2 po lewej
w obu 'lalalal' w ramce2 jest po lewej, bo zeby w srodku tabeli cos dzialalo to oczywiste ze div style z wierzchu nie bedzie chodzil... tak samo przeciez np. z fontami jest ze obrocz body {font} trzeba dac td {font} ... i z innymi paroma wlasciwosciami tez....
Podany przeze mnie przyklad byl odpowiedzia na pytanie autora tematu:
Cytat
[...]np. gdy zrobię blok <div style="text-align: center"> [tu jakaś tabela] </div>[...]
a co do przykladu (bedacego odpowiedzia na post autora tematu):
Mozilla interpretuje text-align dobrze:
w pierwszej ramce gdzie styl jest okreslony w tagu <table> - text "lalala" jest wysrodkowany.
w drugiej gdzie styl jest w <div> - nie ma srodkowania textu w tabeli
Za to IE gdzie styl jest w <div> wysrodkowal cala tabele a text w niej nadal pozostal po lewej...
Jeśli chodzi o strone http://www.quake2.org/temp/align.htm - to
u mnie w IE pierwsza tabela jest po lewej, a druga wyśrodkowana - czyli tak jak należy. Natomiast w mozilli obie tabele są po lewej stronie! Ja nie chce środkować tekstu w tabeli tylko całą tabelę, dlatego wrzuciłem ją w blok <div class="calosc"> gdzie calosc jest klasą z ustawionym 'text-align: center'. Sytuacja wygląda mniej więcej tak:
<div style="text-align: center">
<table>
....
</table>
</div>
I ja właśnie chciałbym aby ta tabela była wyśrodkowana na ekranie, nie tekst w niej. Udaje mi się to w IE, lecz niestety nie w mozilli.
Pytanie, czy to jest blad mozilli, czy moze ja robie cos zle?
u mnie w IE pierwsza tabela jest po lewej, a druga wyśrodkowana - czyli tak jak należy. Natomiast w mozilli obie tabele są po lewej stronie! Ja nie chce środkować tekstu w tabeli tylko całą tabelę, dlatego wrzuciłem ją w blok <div class="calosc"> gdzie calosc jest klasą z ustawionym 'text-align: center'. Sytuacja wygląda mniej więcej tak:
<div style="text-align: center">
<table>
....
</table>
</div>
I ja właśnie chciałbym aby ta tabela była wyśrodkowana na ekranie, nie tekst w niej. Udaje mi się to w IE, lecz niestety nie w mozilli.
Pytanie, czy to jest blad mozilli, czy moze ja robie cos zle?
Odpowiedz znajdziesz/znalazles na forum Mozilli.
Chetni:
http://mozillapl.org/forum/viewtopic.php?p=16108#16108
moj przyklad mial pokazac wlasnie to co tam jest napisane.
Pozdrawiam
Chetni:
http://mozillapl.org/forum/viewtopic.php?p=16108#16108
moj przyklad mial pokazac wlasnie to co tam jest napisane.
Pozdrawiam
Cytat
Odpowiedz znajdziesz/znalazles na forum Mozilli.
Chetni:
http://mozillapl.org/forum/viewtopic.php?p=16108#16108
moj przyklad mial pokazac wlasnie to co tam jest napisane.
Pozdrawiam
Chetni:
http://mozillapl.org/forum/viewtopic.php?p=16108#16108
moj przyklad mial pokazac wlasnie to co tam jest napisane.
Pozdrawiam
Tak wiem, to ja zwrocilem sie tam z tym pytaniem. Jednak to nadal nie rozwiazalo w.w. problemu. Tabeli nadal nie moge wysrodkowac za pomoca styli!!!!
To jeszcze raz przyklad - zwroc uwage na podkreslana linie w kodzie:
http://www.quake2.org/temp/align1.htm
A tu link do info:
http://www.w3.org/TR/REC-CSS2/tables.html#q5
Pozdrawiam
http://www.quake2.org/temp/align1.htm
A tu link do info:
http://www.w3.org/TR/REC-CSS2/tables.html#q5
Pozdrawiam
Oki, problem rozwiązany. Aby wyśrodkować tabelę w mozilli należy wykonać następujący zabieg:
<div styl="text-align: center">
<table style="margin: auto">
....
</table>
</div>
Szkoda, że mozilla w tak różny sposób interpretuje style w porównaniu z IE i opera :-( Sądziłem, zę dzięki stylą zmniejszy się problem optymalizacji stron dla różnych przzeglądarek, ale okazało się, że są jeszcze większe niuanse.
pozdrawiam!!!
<div styl="text-align: center">
<table style="margin: auto">
....
</table>
</div>
Szkoda, że mozilla w tak różny sposób interpretuje style w porównaniu z IE i opera :-( Sądziłem, zę dzięki stylą zmniejszy się problem optymalizacji stron dla różnych przzeglądarek, ale okazało się, że są jeszcze większe niuanse.
pozdrawiam!!!
Cytat
Szkoda, że mozilla w tak różny sposób interpretuje style w porównaniu z IE i opera Sądziłem, zę dzięki stylą zmniejszy się problem optymalizacji stron dla różnych przzeglądarek, ale okazało się, że są jeszcze większe niuanse.
Nie zaczynajac przypadkiem "browser-war"
moglbym powiedziec to samo o IE i Operze...
Ogolnie sprawa wyglada nastepujaco: Dla Mozilla Team standartem jest w3c dla Microsoftu on sam(choc jest czlonkiem w3c), Opera - sama jeszcze nie wie
Jezeli chcesz zeby Twoje strony byly zoptymalizowane dla wiekszosci przegladarek - korzystaj z w3c.
Bo prawda jest ze 99% stron wygladajacych dobrze w Mozilli wyglada dobrze w IE i Operze. W druga strone nie jest tak rozowo.
Powodem problemow jest przewaznie lenistwo webmasterow (brzydkie slowo ale tak po prostu jest), przyzwyczajenie do jednej przegladarki czy tez po prostu niewiedza ze istnieje cos poza IE
Pozdrawiam
Cytat
Cytat
Szkoda, że mozilla w tak różny sposób interpretuje style w porównaniu z IE i opera Sądziłem, zę dzięki stylą zmniejszy się problem optymalizacji stron dla różnych przzeglądarek, ale okazało się, że są jeszcze większe niuanse.
Nie zaczynajac przypadkiem "browser-war"
moglbym powiedziec to samo o IE i Operze...
Ogolnie sprawa wyglada nastepujaco: Dla Mozilla Team standartem jest w3c dla Microsoftu on sam(choc jest czlonkiem w3c), Opera - sama jeszcze nie wie
Jezeli chcesz zeby Twoje strony byly zoptymalizowane dla wiekszosci przegladarek - korzystaj z w3c.
Bo prawda jest ze 99% stron wygladajacych dobrze w Mozilli wyglada dobrze w IE i Operze. W druga strone nie jest tak rozowo.
Powodem problemow jest przewaznie lenistwo webmasterow (brzydkie slowo ale tak po prostu jest), przyzwyczajenie do jednej przegladarki czy tez po prostu niewiedza ze istnieje cos poza IE
Pozdrawiam
No ja korzystam wlasnie z w3c i to do tego stopnia, ze mecza sie tak dlugo nad strona, az bedzie sie "validowac" do xhtml 1.1. Ogolnie rzecz biorac to stronki w operze i IE wygladaja tak samo, jedynie w mozilli zawsze sa jakies problemy. Nie zebym byl jakims zwolennikiem IE, wrecz przeciwnie, jestem wrogiem mikroknota i wszelkich jego monopolistycznych dzialan, no ale co mam w tym przypadku powiedziec, kiedy w IE jest okej, w operze jest okej, a w mozilli nie i na dodatek nie wiadomo dlaczego :-(
no najprostszym rozwiazaniem jest div+table..
co do browserow bardziej mnie drazni ze IE nie wie co to :before i :after .. a takze roznie dzialaja zazebienia tagow <a>z<li>z<div> .... ostatnio definiowalem dosc skomplikowana liste zeby cala na css byla, podswietlana, z obrazkami itd...
i poprawnie wygladala na IE i na Mo.. tyle ze before IE nie lapal.. wiec mialem noc przerobek... a i tak nie pracuje na obu poprawnie, wiec bede musial miec 2 arkusze... mozi i ie :/
co do browserow bardziej mnie drazni ze IE nie wie co to :before i :after .. a takze roznie dzialaja zazebienia tagow <a>z<li>z<div> .... ostatnio definiowalem dosc skomplikowana liste zeby cala na css byla, podswietlana, z obrazkami itd...
i poprawnie wygladala na IE i na Mo.. tyle ze before IE nie lapal.. wiec mialem noc przerobek... a i tak nie pracuje na obu poprawnie, wiec bede musial miec 2 arkusze... mozi i ie :/
Cytat
jak dobrze zauwazyl lisu
lisu & wassago napisał:
mozilla 1.3.1 pokazała, a IE pokaze
vertical-align: bottom tez w mozill'i nie dziala jak w standardzie w3c powinno dzialac
lisu & wassago napisał:
mozilla 1.3.1 pokazała, a IE pokaze
vertical-align: bottom tez w mozill'i nie dziala jak w standardzie w3c powinno dzialac
hmm gdybys rzeczywiscie stosowal sie do w3c to moze zauwazylbys ze jednak dziala...
Twoj css jest hmm powiedzmy - kontrowersyjny....
Juz napisalem w jednym z poprzednich postow dlaczego "nie dziala"...
http://www.quake2.org/temp/genocide/
Poprawilem tylko to co powodowalo "niejasny uklad".
Pozwolilem umiescic sobie Twoja stronke na moim serwerze TYLKO w celu przykladowym - jezeli jest uwazasz to za naruszenie PM me, a natychmiast ja zdejme.
Pozdrawiam
Dla niedowiarkow:
Mozilla 1.3.1 pokazala
Mozilla 1.3.1 pokazala
no prosze :oops: a jednak dziala dobrze a wiecie bo to niedopatrzenie i wogole wiedzialem o tym, ze to sie da zrobic ale nie chcialem mowic 
:wink:
a wiecie bo to niedopatrzenie i wogole wiedzialem o tym, ze to sie da zrobic ale nie chcialem mowic :wink:
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.