Browser-Krieg

Diskutiere mit über: Browser-Krieg im Web Page Design Forum

  1. Bene

    Bene Thread Starter MacUser Mitglied

    Beiträge:
    20
    Zustimmungen:
    0
    Registriert seit:
    22.07.2003
    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
     
  2. kurare

    kurare MacUser Mitglied

    Beiträge:
    1.126
    Zustimmungen:
    0
    Registriert seit:
    06.06.2003
    Die Seite sieht auf mozilla auch nicht besser aus...
     
  3. Mauki

    Mauki MacUser Mitglied

    Beiträge:
    14.739
    Zustimmungen:
    138
    Registriert seit:
    24.07.2002
    @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
     
  4. Delmar

    Delmar MacUser Mitglied

    Beiträge:
    803
    Zustimmungen:
    1
    Registriert seit:
    28.09.2002
    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 von einem Moderator bearbeitet: 24.10.2015
  5. Bene

    Bene Thread Starter MacUser Mitglied

    Beiträge:
    20
    Zustimmungen:
    0
    Registriert seit:
    22.07.2003
    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?
     
  6. whoa

    whoa MacUser Mitglied

    Beiträge:
    35
    Zustimmungen:
    0
    Registriert seit:
    29.07.2003
    verwende doch zum positionieren statt einer blinden tabelle lieber css..
    schau einfach mal hier

    :)
     
    Zuletzt von einem Moderator bearbeitet: 24.10.2015
  7. Bene

    Bene Thread Starter MacUser Mitglied

    Beiträge:
    20
    Zustimmungen:
    0
    Registriert seit:
    22.07.2003
    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!
     
  8. lemonstre

    lemonstre MacUser Mitglied

    Beiträge:
    1.819
    Zustimmungen:
    91
    Registriert seit:
    12.03.2003
    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: 24.08.2003
  9. sevY

    sevY Gast

    …mach es mit css, da bist du auf der sicheren seite.
     
  10. michaelX

    michaelX MacUser Mitglied

    Beiträge:
    103
    Zustimmungen:
    0
    Registriert seit:
    04.07.2003
    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
     
Die Seite wird geladen...
Ähnliche Themen - Browser Krieg Forum Datum
Neu hochgeladene Html-Dateien werden im Browser nicht aktualisiert Web Page Design 16.05.2013
pdf doppelseitig im browser? Web Page Design 24.01.2012
Im Browser wird einfach der Quelltext angezeigt. Web Page Design 17.01.2012
<input type="password"> aber trotzdem Klartext? Browser soll speichern anbieten! Web Page Design 02.02.2011
Suche Browser-, Curser, Sonstige Vorlagen ... Web Page Design 28.01.2010

Diese Seite empfehlen

Benutzerdefinierte Suche