Browser-Krieg

Bene

Mitglied
Thread Starter
Dabei seit
22.07.2003
Beiträge
20
Reaktionspunkte
0
Wer kann mir erklären, warum meine Tabelle auf Mac OS X mit Safari 1.0 (v85) einwandfrei dargestellt wird, unter Mac OS X mit Internet Explorer 5.2 aber total zerhäckselt wird.

???

Ich werde langsam verrückt...:confused:


Es geht um folgende Seite:

www.tropentiger.de
 
Die Seite sieht auf mozilla auch nicht besser aus...
 
@Computerlink
was hat denn das mit GoLive zu tun.

Ich IE 6 auf der Dose erwartet einen auch ein grausames Bild. Die Bilder sind ja auch unterschiedlich groß, versuch mal die ein wenig anzugleichen, so Tabelle sind nämlich nicht so toll. Ich würde die Bilder also gleichmäßig beschneiden.

mfg
Mauki
 
Hi Bene,

bevor Du die Browser für die schlechte Darstellung verantwortlich
machst, solltest Du vielleicht erstmal Deinen Quellcode säubern.

Erstens würde ich eine gültige HTML-Variante vorgeben, z.B.
"loose" bzw. "transitional". Danach sollten auch nur die Attribute
verwendet werden, die laut HTML-DTD auch gültig sind. Somit gibt
es z.B. für das Element "table" kein "height" Attribut.

Wenn Du Deinen Quellcode so aufbaust, solltest Du auch mit den
verschiedenen Browser-Typen keine Probleme haben.

Das eigentliche Problem ist aber, dass jeder Browser eine eigene
pseudo Variante verwendet, die allen möglichen Mist im Quellcode
erlaubt. Die Webdesigner werden dadurch regelrecht dazu
verleitet einen schlampigen Code aufzusetzen.

Eine Referenz in Self-HTML, welche Attribute erlaubt sind und
welche nicht findest Du unter: Self-HTML Attribut Referenz


Gruß
Delmar
 
Zuletzt bearbeitet von einem Moderator:
Hallo alle beisammen

GoLive will ich nicht benutzen :)

Mir geht es im Moment darum herauszufinden, wie ich Tabellen für alle Browser ordentlich optimiere...


Die Rahmen zwischen den Bildern (border=1)sind als Hilfe gedacht um den Fehler vielleicht besser zu sehen. Genauso die Hintergrundfarbe. Die Bilder, die ich sonst als Platzhalter (durchsichtige-1-Pixel-gif-Grafik) verwende sind jetzt durch ein normales bild ersetzt, damit man auch das besser erkennen kann. Alles nur zur Fehlersuche.

Es geht darum, das jede Zelle nur so groß sein sollte, wie das darin befindliche Bild.

Bilder gleichmäßig beschneiden (also kein rowspan und colspan) - da führt kein Weg dran vorbei?
Da muß es doch ne andere Lösung geben...

Danke für den Tipp mit der HTML-Variante - war bisher noch nicht in meine Hirn vorgedrungen...

Allerdings bewirkt das alleine noch nix.

ich habe natürlich 1000x height und weight angegeben, in der Hoffnung, das der Explorer das ordentlich darstellt.

Natürlich sind die Browser nicht schuld.
Schuld bin ich, der dumme Tabellen-Popler:)

Aber ne Horde Gören ist leichter zusammenzuhalten, als diese TabellenZellen.

Wer hat noch ne Idee?
 
verwende doch zum positionieren statt einer blinden tabelle lieber css..
schau einfach mal hier

:)
 
Zuletzt bearbeitet von einem Moderator:
danke

Natürlich gibt es genug Alternativen,
allerdings möchte ich das mit einer Tabelle hinbekommen:)
Ich möchte vertsehen warum der Safari das schön darstellt- der explorer aber nicht.
weiß wirklich keiner weiter?

Naja, ich bin jedenfalls innerhalb Sri Lankas umgezogen - von Negombo nach Kandy. Hier habe ich jetzt eine 16KB-Leitung, was wirklich ganz Klasse ist.:rolleyes: Da schau ich mir die tropentiger-seite bestimmt nicht mehr online an.

Also schöne Grüße nach Deutschland und vielleicht finde ich das doch noch raus, warum der explorer meiner Tabelle die ohren langzieht
:D
Bene

Mein Rechner ist genauso blöd wie ich!
 
hier die fehler in deinem frameset. der schwerwiegenste dürfte wohl das body tag im noscriptbereich sein.

# Line 8, column 15: there is no attribute "ROWS" (explain...).

<frameset rows="100%,*" border="0">
^
# Line 8, column 31: there is no attribute "BORDER" (explain...).

<frameset rows="100%,*" border="0">
^
# Line 8, column 34: element "FRAMESET" undefined (explain...).

<frameset rows="100%,*" border="0">
^
# Line 9, column 12: there is no attribute "NAME" (explain...).

<frame name="_redirected_content_" src="http://www.fruchtsucht.de/tropentiger/"
^
# Line 9, column 39: there is no attribute "SRC" (explain...).

<frame name="_redirected_content_" src="http://www.fruchtsucht.de/tropentiger/"
^
# Line 9, column 90: there is no attribute "SCROLLING" (explain...).

...uchtsucht.de/tropentiger/" scrolling="auto" frameborder="0">
^
# Line 9, column 109: there is no attribute "FRAMEBORDER" (explain...).

...tiger/" scrolling="auto" frameborder="0">
^
# Line 9, column 112: element "FRAME" undefined (explain...).

...er/" scrolling="auto" frameborder="0">
^
# Line 11, column 13: document type does not allow element "BODY" here (explain...).

<body lang=en>
^
# Line 18, column 6: end tag for "HTML" which is not finished (explain...).
</html>


und hier die deines inhaltframes. hier dürften die meisten darstellungsfehler auf unzulässigen tag atributen beruhen:

# Line 11, column 36: there is no attribute "LEFTMARGIN" (explain...).

<body bgcolor="#ffffff" leftmargin="0" marginwidth="0" topmargin="0" marginheig
^
# Line 11, column 52: there is no attribute "MARGINWIDTH" (explain...).

<body bgcolor="#ffffff" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
^
# Line 11, column 66: there is no attribute "TOPMARGIN" (explain...).

..."#ffffff" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
^
# Line 11, column 83: there is no attribute "MARGINHEIGHT" (explain...).

...width="0" topmargin="0" marginheight="0">
^
# Line 13, column 15: "COOL" is not a member of a group specified for any attribute (explain...).

<table cool width="774" height="590" showgridx showgridy gridx="5" gridy="5"
^
# Line 13, column 34: there is no attribute "HEIGHT" (explain...).

<table cool width="774" height="590" showgridx showgridy gridx="5" gridy="5"
^
# Line 13, column 50: "SHOWGRIDX" is not a member of a group specified for any attribute (explain...).

...l width="774" height="590" showgridx showgridy gridx="5" gridy="5" border="0"
^
# Line 13, column 60: "SHOWGRIDY" is not a member of a group specified for any attribute (explain...).

...74" height="590" showgridx showgridy gridx="5" gridy="5" border="0" cellpaddi
^
# Line 13, column 66: there is no attribute "GRIDX" (explain...).

...ight="590" showgridx showgridy gridx="5" gridy="5" border="0" cellpadding="0"
^
# Line 13, column 76: there is no attribute "GRIDY" (explain...).

... showgridx showgridy gridx="5" gridy="5" border="0" cellpadding="0" cellspaci
^
# Line 14, column 15: there is no attribute "HEIGHT" (explain...).

<tr height="25">
^
# Line 16, column 88: there is no attribute "XPOS" (explain...).

...n="2" valign="top" align="left" xpos="286"><img src="Bilder/tropentiger.jpg"
^
# Line 16, column 162: required attribute "ALT" not specified (explain...).

...g" width="199" height="80" border="0"></td>
^
# Line 18, column 44: there is no attribute "TYPE" (explain...).

<td width="1" height="25"><spacer type="block" width="1" height="25"></td>
^
# Line 18, column 58: there is no attribute "WIDTH" (explain...).

<td width="1" height="25"><spacer type="block" width="1" height="25"></td>
^
# Line 18, column 69: there is no attribute "HEIGHT" (explain...).

...ight="25"><spacer type="block" width="1" height="25"></td>
^
# Line 18, column 73: element "SPACER" undefined (explain...).

..."><spacer type="block" width="1" height="25"></td>
^
# Line 21, column 147: required attribute "ALT" not specified (explain...).

...g" width="217" height="55" border="0"></td>
^
# Line 22, column 153: required attribute "ALT" not specified (explain...).

...g" width="71" height="202" border="0"></td>
^
# Line 23, column 73: element "SPACER" undefined (explain...).

..."><spacer type="block" width="1" height="55"></td>
^
# Line 27, column 162: required attribute "ALT" not specified (explain...).

..." width="141" height="468" border="0"></td>
^
# Line 28, column 162: required attribute "ALT" not specified (explain...).

..." width="177" height="468" border="0"></td>
^
# Line 29, column 163: required attribute "ALT" not specified (explain...).

..." width="217" height="468" border="0"></td>
^
# Line 30, column 73: element "SPACER" undefined (explain...).

..."><spacer type="block" width="1" height="52"></td>
^
# Line 33, column 150: required attribute "ALT" not specified (explain...).

..." width="167" height="187" border="0"></td>
^
# Line 34, column 75: element "SPACER" undefined (explain...).

...spacer type="block" width="1" height="187"></td>
^
# Line 38, column 140: required attribute "ALT" not specified (explain...).

...g" width="88" height="229" border="0"></td>
^
# Line 40, column 75: element "SPACER" undefined (explain...).

...spacer type="block" width="1" height="229"></td>
^
# Line 44, column 142: required attribute "ALT" not specified (explain...).

...g" width="207" height="41" border="0"></td>
^
# Line 46, column 213: required attribute "ALT" not specified (explain...).

...g" width="117" height="41" border="0"></a></td>
^
# Line 48, column 226: required attribute "ALT" not specified (explain...).

...g" width="162" height="41" border="0"></a></td>
^
# Line 49, column 73: element "SPACER" undefined (explain...).

..."><spacer type="block" width="1" height="41"></td>
^
# Line 51, column 27: "CNTRLROW" is not a member of a group specified for any attribute (explain...).

<tr height="1" cntrlrow>
^
# Line 52, column 73: element "SPACER" undefined (explain...).

..."><spacer type="block" width="77" height="1"></td>
^
# Line 53, column 71: element "SPACER" undefined (explain...).

...="1"><spacer type="block" width="2" height="1"></td>
^
# Line 54, column 73: element "SPACER" undefined (explain...).

..."><spacer type="block" width="88" height="1"></td>
^
# Line 55, column 75: element "SPACER" undefined (explain...).

...spacer type="block" width="119" height="1"></td>
^
# Line 56, column 73: element "SPACER" undefined (explain...).

..."><spacer type="block" width="22" height="1"></td>
^
# Line 57, column 73: element "SPACER" undefined (explain...).

..."><spacer type="block" width="46" height="1"></td>
^
# Line 58, column 75: element "SPACER" undefined (explain...).

...spacer type="block" width="131" height="1"></td>
^
# Line 59, column 73: element "SPACER" undefined (explain...).

..."><spacer type="block" width="32" height="1"></td>
^
# Line 60, column 75: element "SPACER" undefined (explain...).

...spacer type="block" width="185" height="1"></td>
^
# Line 61, column 73: element "SPACER" undefined (explain...).

..."><spacer type="block" width="71" height="1"></td>



wenn du browserspezifische tags und atribute verwendest darfst du dich nicht wundern wenn es nicht in allen browsern funktioniert.

versuch mal ansteller <spacer> ein sogenanntes blindgif (transparentes 1pixel grosses gif das auf die gewünschte grösse skaliert wird) einzusetzen... dann könnte es mit deinen tabellen klappen. eleganter wäre natürlich css.


gruss
lemonstre
 
Zuletzt bearbeitet:
Hast du die Seite schon geändert? Opera 6.05, 7.11, Mozilla 1.4 und Firebird 0.7 zeigen die Seite unter Win alle völlig identisch und auch keineswegs "zerfleddert" an.

m
 
CSS für passion4fruit.de?

Hallo Leute

@lemonstre
vielen Dank für den Code - habe leider erst wieder heute hier reinschauen können. Die gute 16 KB Leitung in Kandy hatte ne Macke;-)
Ich werde mich dann wohl nochmal intensiv mit den zuläßigen Attributen beschäftigen müßen;-) ist mir bisher noch nicht so ganz bewußt gewesen. Danke für den Hinweis...

Jedenfalls habe ich mich nach langem hin und her an CSS rangewagt. Für diesen Fall wirklich die beste Lösung.

Aber auf folgender Seite nicht realisierbar, wegen der dynamischeingefügten Navigation. Problem ist die Blüte auf der linken Seite. die wird - wahrscheinlich weil die Zeile mit den Navi-Punkten sich vergrößert (nur unter PC-Explorer) - nach unten hin verzogen und es entsteht eine haßliche Spalte.

passion4fruit.de

Das war eigentlich der Grund warum ich mit Tabellen rumprobiert habe. Ich meine das ist doch die Einzige Möglichkeit bei diesem Projekt, oder?
Frames wollte ich nämlich nicht verwenden...
 
nimm mal die ganzen lehrzeichen (nicht die nbsp) aus deinen tabellen raus. dann klappt es auch :)

dein quelltext ist zudem extrem schlecht lesbar da du keinerlei zeilenumbrüche verwendest. ein "\n" an der ein oder anderen stelle in deinem php code könnte wunder wirken und vereinfacht die fehlersuche enorm;)

gruss
lemonstre
 
Leerzeichen-Killer

Danke lemonstre
habe das mit den Leerzeichen endlich gecheckt - siehe neues Thema...
Aber hat lange gedauert. Habe irgendwann mal den Text im Browser ausgewählt und so die Leerzeichen entdeckt. Dann habe ich sie im Quellcode nicht gefunden und zu guter gecheck, das es an meiner Strukturierung lag...
 
Zurück
Oben Unten