Różnice w wyświeltaniu stron między Firefoxem a Operą

Ryszard w niedzielę 20 listopada 2005 o 16²⁴ napisał(a):

strona www.zadowolenie.pl wyświetla się poprawnie

Co to znaczy "poprawnie"? Tak jak marzył sobie autor, czy tak jak ją zrobił?
W tym wątku pytasz o to samo co w http://my.opera.com/polski/forums/findpost.pl?id=1232120 czy o coś jeszcze?

zabcia1 w niedzielę 20 listopada 2005 o 16⁴¹ napisał(a):

mam Operę 8.5 i przyciski zobacz szczegóły są nachodzą na inny element graficzny
w wyszukiwarce pola mają różną wielkość.
w szczegółach produktu telefon nie mieści się w 1 lini.

quiris w niedzielę 20 listopada 2005 o 19³⁵ napisał(a):

Originally posted by zabcia1:

mam Operę 8.5 i przyciski zobacz szczegóły są nachodzą na inny element graficzny

Opera 9.0 AKA Merlin nie ma z tym problemu.

Originally posted by zabcia1:

w wyszukiwarce pola mają różną wielkość.

Najwyraźniej w kodzie nie mają one zdefiniowanej jednakowej wielkości, ponieważ, gdy w stylach ustawiłem:

input, select {width: 100px}

Opera wyświetliła oba pola równej szerokości.

Originally posted by zabcia1:

w szczegółach produktu telefon nie mieści się w 1 lini.

Opera domyślnie utworzyła troszkę węższą komórkę, wystarczy w stylach nadać jej większą szerokość i telefon będzie w jednej linii.

zabcia1 w niedzielę 20 listopada 2005 o 19³⁶ napisał(a):

Mam mały dylemat jak to jest iż w Firefoxie, IE strona www.zadowolenie.pl wyświetla się poprawnie a w Operze nie... to nie są duże różnice ale jednak mają wpływ na postrzeganie strony.
Jeżeli to jest problem z kodem strony to prosiłbym o odpowiedź gdzie tkwi problem oraz dlaczego np. Firefox wyświetla poprawnie??
Nawet nie chce przyjmować założenia iż to Opera ma problem z wyświelaniem.
pozdr

zabcia1 w poniedziałek 21 listopada 2005 o 09⁵³ napisał(a):

ok dzięki za odpowiedź ;-)

zabcia1 w poniedziałek 21 listopada 2005 o 13⁴⁵ napisał(a):

tylko dlaczego w firefoxie poprawnie wyświetla to wszystko ? hm

owiecc w poniedziałek 21 listopada 2005 o 22²⁹ napisał(a):

Bo poprawnie to można to wyświetlić na 10 sposobów. Nie wiem czy wiesz, ale różne przeglądarki mogą mieć różne style domyślne. Jeśli ty ich nie ustawisz przeglądarka wyświetli tak, jak się jej podoba.

zabcia1 we wtorek 22 listopada 2005 o 08⁰⁹ napisał(a):

a czy mozesz mi pomóc ustwaić to w Operze tak aby to wygladało jak w Firefoxie?? ;-)

Zajec we wtorek 22 listopada 2005 o 16⁴⁵ napisał(a):

Originally posted by zabcia1:

a czy mozesz mi pomóc ustwaić to w Operze tak aby to wygladało jak w Firefoxie?? ;-)

W sprawie rozmiaru input'ów i select już wiesz.

Żeby menu wyglądało normalnie, proponuję przestać imitować komórki tabeli za pomocą odnośników. Zrób te linki zwykłymi blokami i wszystki będzie działać.

Natomiast przycisk "Załóż sobie konto" wygląd inaczej, bo nadałaś 100% szerokości elementowi liniowemu. Ten parametr (oraz height i kilka innych) jest zarezerwowany dla elementów bloko-podobnych. Więc ta sama operacja co poprzednio.

A tak na koniec proponuję napisać cały szablon od nowa za pomocą dużo ładniejszego i mniejszego objętościowo XHTML'a (http://osiolki.net/tabelki/)

Mały przykład:

&lt;TABLE WIDTH="970" BORDER="0" CELLPADDING="0" CELLSPACING="0" ALIGN="CENTER"&gt;
	&lt;TR&gt;
		&lt;TD ROWSPAN="2" align="right"&gt;
			&lt;IMG NAME="ikonki_01" SRC="images/ikonki_01.gif" WIDTH="180" HEIGHT="46" BORDER="0" ALT="" USEMAP="#ikonki_1_0Map"&gt;&lt;/TD&gt;
		&lt;TD align="right"&gt;
			&lt;IMG SRC="images/top_02.gif" WIDTH="639" HEIGHT="34" ALT=""&gt;&lt;/TD&gt;
		&lt;TD&gt;
			&lt;table width="151" border="0" cellpadding="0" cellspacing="0"&gt;
	&lt;tr&gt;
		&lt;td height="32" align="center" bgcolor="#000000"&gt;
                    &lt;b&gt;&lt;font color="#dddddd"&gt;Logowanie do sklepu&lt;/font&gt;&lt;/b&gt;&lt;/td&gt;&lt;td width=1&gt;&lt;/td&gt;
	&lt;/tr&gt;
	&lt;tr&gt;
		&lt;td height="2"&gt;
			&lt;img src="images/top_03_02.gif" width="151" height="2" alt=""&gt;&lt;/td&gt;
	&lt;/tr&gt;
&lt;/table&gt;&lt;/TD&gt;
	&lt;/TR&gt;
	&lt;TR&gt;
		&lt;TD&gt;
			&lt;IMG SRC="images/top_04.gif" WIDTH="639" HEIGHT="12" ALT=""&gt;&lt;/TD&gt;
		&lt;TD&gt;
			&lt;IMG SRC="images/top_05.gif" WIDTH="151" HEIGHT="12" ALT=""&gt;&lt;/TD&gt;
	&lt;/TR&gt;
	&lt;TR&gt;
		&lt;TD COLSPAN=2 align="right"&gt;
			&lt;IMG SRC="images/top_06new.jpg" BORDER="0" WIDTH="819" HEIGHT="151" ALT="" USEMAP="#firma"&gt;&lt;/TD&gt;
&lt;MAP NAME="ikonki_01_Map"&gt;
&lt;AREA SHAPE="rect" ALT="" COORDS="108,0,136,28" HREF="javascript:FDK_newWindow('../newsletter.php','','440','390','','','','','','','')"
	ONMOUSEOVER="changeImages('ikonki_01', 'images/ikonki_01-ImageMap_04_over.gif'); return true;"
	ONMOUSEOUT="changeImages('ikonki_01', 'images/ikonki_01.gif'); return true;"&gt;
&lt;AREA SHAPE="rect" ALT="" COORDS="74,0,101,28" HREF="index.php?zadowolenie=a15ebf1f4750c438728804554016bed5"
	ONMOUSEOVER="changeImages('ikonki_01', 'images/ikonki_01-ImageMap_03_over.gif'); return true;"
	ONMOUSEOUT="changeImages('ikonki_01', 'images/ikonki_01.gif'); return true;"&gt;
&lt;AREA SHAPE="rect" ALT="" COORDS="40,0,67,28" HREF="javascript:window.external.addfavorite('http://www.zadowolenie.pl/','MIX - sklep online')"
	ONMOUSEOVER="changeImages('ikonki_01', 'images/ikonki_01-ImageMap_02_over.gif'); return true;"
	ONMOUSEOUT="changeImages('ikonki_01', 'images/ikonki_01.gif'); return true;"&gt;
&lt;AREA SHAPE="rect" ALT="" COORDS="5,0,33,28" HREF="javascript:FDK_newWindow('polec1.php','','440','490','','','','','','','')"
	ONMOUSEOVER="changeImages('ikonki_01', 'images/ikonki_01-ImageMap_01_over.gif'); return true;"
	ONMOUSEOUT="changeImages('ikonki_01', 'images/ikonki_01.gif'); return true;"&gt;
&lt;/MAP&gt;
&lt;map name="firma"&gt;
	&lt;area shape="rect" alt="" coords="39,1,249,56" href="http://www.mixelectronics.pl"&gt;
&lt;/map&gt;

zastępujesz przez

&lt;div id="left"&gt;
	&lt;div id="top"&gt;
		&lt;a&gt;&lt;img /&gt;&lt;/a&gt;
		&lt;a&gt;&lt;img /&gt;&lt;/a&gt;
		&lt;a&gt;&lt;img /&gt;&lt;/a&gt;
		&lt;a&gt;&lt;img /&gt;&lt;/a&gt;
	&lt;/div&gt;
	&lt;div id="logo"
		&lt;a&gt;&lt;img /&gt;&lt;/a&gt;
	&lt;/div&gt;
&lt;/div&gt;
&lt;div id="right"&gt;
	&lt;h1&gt;Logowanie do sklepu&lt;/h1&gt;
&lt;/div&gt;