Zum Inhalt springen

Layout zuerfetzt

Erstellt am 23. Oktober 2005 · 9 Antworten · letzte Antwort am 26. Oktober 2005

Tags: Frage

JFK82 ·

Hallo,

irgendwie wir mein Layout von IE und FF nicht wirklich so wieder gegeben, besonders wenn vom Gästebuch aus die ganzen einträge angezeigt werden. in Opera, sieht es aber so aus wie ich das gern haben will. Hab ich hier irgendwie schon einen fehler drin, das IE und FF das nicht so machen??

meine Vorlage.htm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td colspan="2"><img src="fileadmin/eigene/images/clear.gif" width="106" height="1"></td>
    <td width="18"><img src="fileadmin/eigene/images/ecke.gif" width="18" height="19"></td>
    <td colspan="4" valign="top"><img src="fileadmin/eigene/images/oben.gif" width="100%" height="14"></td>
  </tr>
  <tr> 
    <td width="13">&nbsp;</td>
    <td width="93">&nbsp;</td>
    <td width="18" height="80"><img src="fileadmin/eigene/images/umr_rechts.gif" width="13" height="80"></td>
    <td width="20" rowspan="5">&nbsp;</td>
    <td colspan="3" rowspan="5" valign="top">###CONTENT###</td>
  </tr>
  <tr> 
    <td colspan="3" width="119" height="16"><img src="fileadmin/eigene/images/umr_oben.gif" width="119" height="16"></td>
  </tr>
  <tr> 
    <td height="200"><img src="fileadmin/eigene/images/umr_links.gif" width="13" height="200"></td>
    <td>###NAVIGATION###</td>
    <td width="18" height="200"><img src="fileadmin/eigene/images/umr_rechts.gif" width="13" height="200"></td>
  </tr>
  <tr> 
    <td colspan="3" height="22"><img src="fileadmin/eigene/images/umr_unten.gif" width="119" height="22"></td>
  </tr>
  <tr> 
    <td height="100%"><img src="fileadmin/eigene/images/umr_links.gif" width="13" height="100%"></td>
    <td>&nbsp;</td>
    <td width="18">&nbsp;</td>
  </tr>
  <tr> 
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td width="18">&nbsp;</td>
    <td colspan="3">&nbsp;</td>
    <td>###SUBMENU###</td>
  </tr>
</table>
</body>
</html>
jenses ·

Du hast massig Fehler drin 😉
Wenn du in der einen Tabellenreihe fünf Spalten hast,
in der nächsten aber nur 3, dann wieder 6,
was soll denn da vernünftig angezeigt werden ? #paralyzed#

JFK82 ·

wieso ich fasse doch einige spalten bzw zeilen zusammen, so dass es funktionieren müsste und in opera tut es das ja auch

theo ·
JFK82 schrieb

wieso ich fasse doch einige spalten bzw zeilen zusammen,

Aber total falsch. Du brauchst sie nur mal durchzuzählen, wie jenses es getan hat.
Da kann man jetzt auch wirklich nicht drüber diskutieren, das ist halt eine Tatsache.

sirwylm ·
JFK82 schrieb

hab die tabelle per Dreamweaver erstellt, und das programm sollte ja wissen was es tut

:o das nenn ich mal echtes vertrauen...

wie die vorredner schon sagten, der quelltext ist absoluter mist und dreamweaver ist kein htmlorakel

Beste Grüße,
Wilnis

JFK82 ·

rechnet ihr das nur nach oder habt ihr euch das ganze mal kopiert und nachgeschaut. wenn alles mist wäre würde ja nur mist da sein.

wenn das wirklich alles mist is, dann könnt ihr mir doch sicher auch helfen das richtig zu machen oder?!

sirwylm ·

also, ich habs jetzt mal kopiert, dweaever stellt im Layoutmodus auch etwas dar, was eine Vorstellung gibt was das Layout darstellen soll (wobei der Modus nun wirklich keine Referenz ist). Im Browser zerlegt es sich dann (wie du schon gesagt hast). Du wirst da irgendwo bei den ganzen row/colspan's einen Fehler drin haben (btw: ich kenn dw von der 3 bis hoch zur MX version, und man konnte sich nie ganz darauf verlassen was er generiert - insbesondere wenn man im Layoutmodus spalten/zeilen zusammenfasst und wieder splittet etc. - da haut dir dw sofort einen fehler rein)

Ich würde an deiner Stelle folgendes machen:

1.) Wenn schon Tabellen, dann nicht versuchen das Layout nur mit einer Tabelle und tausend row/colspans zu lösen. Zerlege dein Layout lieber in logische Segmente und arbeite mit gekapselten Tabellen (Tabelle in Tabelle in Tabelle usw.)
2.) Vermeide Leerzellen à la

<td width="13"> </td>

zB: in Teile 15-17 bei dir
mindestens ein &nbsp oder besser noch ein Blindgif einsetzen.
3.) Komplexere (Teil)Bereiche von Layouts lassen sich auch gut mit Fireworks zerschneiden. Die beim Export generierten Tabellen sind recht stabil.

Du wirst sehen, der Quelltext wird übersichtlicher und stabiler und vor allem kann man (auch im nachhinein) den quelltext noch lesen/verstehen bzw. Fehler finden. Bei deinem aktuellen Quelltext dürfte dies erheblich schwieriger werden, da werden dir die Augen flimmern 8-)

Beste Grüße,
Wilnis

SLAng ·

Ansonsten den Code mal durch den Validator jagen und am besten auf Tabellen verzichten.
Der Fehler fängt schon in der Zeile 14 - 20 an... Du kannst doch nicht erst am Anfang 2 Spalten definieren und dann in der nächsten zeile erst 4 auf einanderfolgende und dann als fünfte noch eine, die sich über drei weitere erstrecken soll..
Das ist totaler Murks...

Wundert mich ehrlich gesagt das Opera das alles so frisst...

Im übrigen würde ich empfehlen nicht im Kompatibilitätsmodus, sondern im Standard konfomen mode zu schreiben...
Damit müsstest du den Doctype auch nochmal überarbeiten.
In dem Fall so:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">