MozillaPL.org - polskie centrum Mozilli

Główne menu:

[css] problemy z justowaniem tabeli w IE i firefox

Jak tworzyć strony WWW zgodnie ze standardami

Moderator: Pomocy?!

[css] problemy z justowaniem tabeli w IE i firefox

Postautor: klimba » 01 listopada 2005, 00:36

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl-PL; rv:1.7.10) Gecko/20050717 Firefox/1.0.6

Witam!

mam pewien problem z justowaniem tabeli w firefoxie.
Otoz moja strona korzysta z ramek i wewnatrz jednej ramki wrzucilem tabele ktora miala wysokosc 100% a szerokosc 50 % tej ramki. chcialem zrobic tak aby prawa i dolna krawedz tabeli przylegaly idealnie do krawedzi tej ramki z ktorymi sie stykaja. Uzyskalem zadowalajacy efekt w IE ale nie w Firefox. Do uzyskania tego efektu w IE pomogly mi takie instrukcje jak:
- w sekcji body tej ramki - topmargin=0 , leftmargin=0
- w definicji ramki - scrolling="no"
itp

Lecz ta sama strona (ktora w IE wyglada zadowalajaco) wyswietlana w Firefoxie nie wyglada zadowalajaco poniewaz pomiedzy lewa i dolna krawedzia tabeli oraz krawedziami ramki z ktorymi one sasiaduja pojawia sie bialy pasek (kilka pixeli).

Nie wiem czym to jest spowodowane i jak to mozna zlikwidowac prosze o porade
klimba
 

Postautor: h-a-r-v » 01 listopada 2005, 01:39

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.0; pl-PL; rv:1.7.12) Gecko/20050919 Firefox/1.0.7

Standard. Firefox i wszystkie poprzednie Mozille lubia sobie przesunac to i tamto, zeby sie naprzykrzyc, podczas gdy IE zawsze dobrze wie o co chodzi.. Ale koledzy zaraz zwala to na konieczne przestrzeganie standardow i na to, ze sie nie znamy, wiec moze od razu przejdzmy do metod zapobiegawczych:

Nie do konca rozumiem, co chcesz uzyskac, zwazywszy na to, ze tabelka ma miec 50% szerokosci ramki, a Ty zdaje sie wymagasz, aby lewa i prawa krawedzia przylagala ona do granic tejze ramki (bo narzekasz na wolny pasek po lewej), co oznacza, ze ma miec szerokosc rowna ramce, tj. 100%. Podobnie z wysokoscia. A wiec tabelka ma przylegac do wszystkich krawedzi, tj. idealnie wypelniac ramke, tak?

Jesli tak, to polecam w CSS zdefiniowac:
Kod: Zaznacz cały
body {  margin: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }


(w tej chwili ustawiles jedynie atrybuty leftmargin i topmargin), a width tabelki ustawic na 100%. A najlepiej poslugiwac sie wartosciami wyrazonymi w pixelach (zakladam, ze ramki sa statyczne). border tabelki 0. Na logike te kilka rzeczy powinno wystarczyc.. W praktyce moze byc roznie. Daj znac.. ;)
h-a-r-v
 

Postautor: Gość » 01 listopada 2005, 09:25

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b4) Gecko/20050819 Firefox/1.0+

h-a-r-v pisze:Standard. Firefox i wszystkie poprzednie Mozille lubia sobie przesunac to i tamto, zeby sie naprzykrzyc, podczas gdy IE zawsze dobrze wie o co chodzi..

Obawiam się, że Twój jezyk nie jest na miejscu. Jesteś na forum Mozilli, a tu się nie kłamie.

h-a-r-v pisze:Ale koledzy zaraz zwala to na konieczne przestrzeganie standardow i na to, ze sie nie znamy, wiec moze od razu przejdzmy do metod zapobiegawczych:

No właśnie. Następnym razem więc przejdź do "metod zapobiegawczych" bo nikt tu nie ma ochoty słuchać tych bzdur nie na temat.
Gość
 

Postautor: _Puma_ » 01 listopada 2005, 09:34

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl-PL; rv:1.7.12) Gecko/20050919 Firefox/1.0.7

Najlepiej podaj stronę lub cały kod.

h-a-r-v, to co podałeś jest za długie, wystarczy :
Kod: Zaznacz cały
body {margin: 0px;}
_Puma_
 
Posty: 702
Z nami od: 31 października 2005, 19:34

Postautor: riddle » 01 listopada 2005, 10:37

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.12) Gecko/20050915 Firefox/1.0.7

Kolega zrobił literówkę, on ma tabelkę na 50% i jakiś odstęp, którego nie powinno być. Tutaj margin:0 nie pomoże.
riddle
 
Posty: 502
Z nami od: 24 maja 2004, 17:43
Lokalizacja: Łódź

Postautor: klimba » 01 listopada 2005, 21:14

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl-PL; rv:1.7.10) Gecko/20050717 Firefox/1.0.6

Kod:
body { margin: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }


dzieki oto chodzilo :-)
w moim przypadku wystarczylo
Kod:
body { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }

jeszcze raz dzieki
klimba
 

Postautor: typhoon5 » 02 listopada 2005, 15:56

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8b5) Gecko/20051006 Firefox/1.4.1

Kod:
body { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }


Przy 0 nie pisze się jednostki :D
typhoon5
 
Posty: 64
Z nami od: 14 października 2005, 16:59
Lokalizacja: Sanok

Postautor: h-a-r-v » 06 listopada 2005, 01:29

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.0; pl-PL; rv:1.7.12) Gecko/20050919 Firefox/1.0.7

Sprostowanie: wkleilem wygenerowany kod - jednostke i te wszystkie marginy Dreamweaver dodaje sam w css. Nie zaszkodzily chyba nikomu.. poza.. no wlasnie:

Pozdrawiam Goscia!
Prawda, ze jest slodki, gdy sie denerwuje, jak cos jest niestandardowo lub nieestetycznie? ;) Zapomniales przecinka przed "bo", wiec zanim mnie osadzisz, osiagnij doskonalosc.
h-a-r-v
 

Postautor: ElQu » 13 grudnia 2005, 22:43

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl-PL; rv:1.7.12) Gecko/20050919 Firefox/1.0.7

Ja mam tez problem z tym ze w IE ladnie wszystko a w mozilli juz kompletna porazka... wiem ze strona nie jest profesjonalna ale mam nadzieje ze mi pomozecie z tym wygladem..
podaje adres: http://www.members.lycos.co.uk/sekcjawz/
ElQu
 

Postautor: Tomek » 14 grudnia 2005, 09:12

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8) Gecko/20051111 Firefox/1.5

Porażka, ponieważ:
audyt
(masz kilka razy otwarty <html>, brak Doctype.
Poza tym tabelki... tabelki i jeszcze raz tabelki...
Moja odpowiedź może nie będzie zbyt popularna - ale popraw błędy - wtedy dopiero będzie można mówić o pomocy z układem strony.
"Mym sojusznikiem jest Moc, i potężnym sojusznikiem ona jest." -- Mistrz Yoda
Tomek
Moderator
 
Posty: 9041
Z nami od: 19 sierpnia 2004, 06:52

Postautor: Zajec » 17 grudnia 2005, 18:17

Przeglądarka: Opera/8.51 (X11; Linux i686; U; en)

Firefox ma domyślnie
margin: 5px;
a Opera
padding: 5px;

Dla jednolitości w każdej przeglądarce:
body { margin: 0; padding: 0; }
Zajec
 
Posty: 167
Z nami od: 17 grudnia 2004, 22:32
Lokalizacja: Włocławek


Wróć do Tworzenie stron WWW

Kto jest online

Zarejestrowani użytkownicy: Baidu [Spider], Google [Bot]

Przejdź do powiązanej strony

Nawigacja:

Stopka: