Probleme mit Seitendarstellung

Grasfrosch · 14.03.2009

Hey!

ich hab seit einigen Tagen folgendes Problem:

Die Website die ich verwalte wird in Firefox ganz normal dargestellt. Im Internet Explorer jedoch mit großen Unterschieden und falschen Formatierungen. Ich habe mal 2 Bilder angehängt um das Problem zu verdeutlichen.

Firefox

Internet Explorer

Ich kann mir nicht erklären wo der Fehler liegt. Ich hoffe ich kann hier Hilfe finden.

Gruß Grasfrosch

Herr_D · 14.03.2009

AW: Probleme mit Seitendarstellung

Adresse, Code? Anhand der Bilder kann man doch gar nix sagen...

Akano · 14.03.2009

AW: Probleme mit Seitendarstellung

Soe wie es aussieht ist es ein problem, das bei fixen breiten auftreten kann. Beim Firefox und beim IE werden die verschiedenen mergin's und padding's anders berechnet weswegen es die css hacks gibt, die dafür sorgen das es bei allen gleich aussieht.

Das erste was ich machen würde ist mir die teile bei denen der fehler auftrit mal als code an zu sehen und zu schauen, ob es dort fixe grösen gibt, die vielleicht beim IE nicht so genommen werden.

Aber wie Herr_D schon sage, ohne code oder adresse kann man da nicht viel mehr zu sagen.

Grasfrosch · 16.03.2009

AW: Probleme mit Seitendarstellung

okay. Also ich poste mal den Link dazu... der Code wäre warscheinlich zu viel.

aber schon mal danke für die Hilfe!

azraelb · 16.03.2009

AW: Probleme mit Seitendarstellung

Hallo,

also ich denke auf den ersten Blick, dass es an dem width:100% liegt, das du deinen Tablellen zugeteilt hast.

Aber hast du nicht vielleicht Lust dein komplettes Layout nochmal zu überarbeiten?
Das ist nämlich ganz schön unübersichtlich mit den ganzen Tabellen. Möchtest du nicht lieber divs nehmen? Mit divs hast du mehr Möglichkeiten und die sind auch, anders als Tabellen, dafür da Objekte zu positionieren.

Gruß Az

Grasfrosch · 16.03.2009

AW: Probleme mit Seitendarstellung

danke schonmal!

das layout stammt nicht von mir das hab ich so vorgefertigt bekommen damit alle Seiten gleichmäßig sind...

aber zu dem width:100% infwiefern muss ich die Angabe abändern damit ich besserung bekomme? Bin ganz ehrlich und sage das ich von HTML nur Grundkentnisse habe und das ganze mit nem Editor mache...

cebito · 16.03.2009

AW: Probleme mit Seitendarstellung

Soll ich ehrlich sein! Der Quelltext ist die reinste Zumutung. 6 oder oft noch mehr Leerzeilen bis zur nächsten effektiven (code)Zeile, selbst wenn in der dann nur ein </div> oder sowas steht.
Gibt da so 'ne Taste - nennt sich "Tab" und funktioniert in beide Richtungen - wunderbar zu gebrauchen um code übersichtlich zu halten.

cebito · 16.03.2009

AW: Probleme mit Seitendarstellung

Naja, hab trotzdem mal gesucht. Meiner Meinung nach stellt der IE ausnahmsweise mal richtig dar denn:

Code:

<td style="width: 205px;" colspan="3" rowspan="2" valign="top">

Das ist eine Tabellenzelle, 205px breit und in der hast du deine Tabelle mit 100% Breite:

Code:

<table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tbody>
          <tr>
            <td width="1"><img src="spacer.gif" height="9" width="30"></td>
            <td class="normtext" valign="top">            
            <div style="text-align: center;">
            
            [COLOR=Red]<big><big><big><big>[/COLOR]<span style="font-weight: bold; font-family: Arial;">Herzlich Willkommen auf der
Internetseite des SPD-Ortsvereins Berschweiler<br>

            <br>
            </span>[COLOR=Red]</big></big></big></big>[/COLOR]

Schon klar, dass die im Normalfall dann nicht breiter werden kann als 205px. Dasselbe gilt wahrscheinlich auch für rechts, aber das such ich jetzt nicht mehr.....
Achja, hab da noch was rot markiert, was soll das denn sein?

azraelb · 17.03.2009

AW: Probleme mit Seitendarstellung

Grasfrosch schrieb:
aber zu dem width:100% infwiefern muss ich die Angabe abändern damit ich besserung bekomme? Bin ganz ehrlich und sage das ich von HTML nur Grundkentnisse habe und das ganze mit nem Editor mache...

Naja, lege einfach eine fixe Breite fest (also 205px, so groß ist ja auch schon die Spalte, in die du die Tabelle einfügst) - vom (von der) Sinn(losigkeit) der verschachtelten Tabellen mal abgesehen, sollte dann auf jeden fall das gewünschte Ergebnis auftreten.

Aber wie cebito es schon angedeudet hat, machst du es sowohl dir, als auch anderen Codern mit so einem Durcheinander-Template das Leben schwer!

cebito · 17.03.2009

AW: Probleme mit Seitendarstellung

azraelb schrieb:
Naja, lege einfach eine fixe Breite fest (also 205px, so groß ist ja auch schon die Spalte, in die du die Tabelle einfügst)

Hä? 205px ist was der IE anzeigt, und das ist ja wohl zu schmal. Die Breite müsste irgendwo bei 500-600px liegen, damit es so aussieht wie in den anderen Browsern. Und dafür muss er nicht die 100% abändern, sondern die Tabellenzelle(die jetzt 205 breit ist) in der die andere Tabelle steckt. Die 100% können bleiben...

Yazaa · 17.03.2009

AW: Probleme mit Seitendarstellung

Zum Quelltext:

es ist ziemlich aufwendig, eine Seite in PHP zu programmieren und dann dafür zu sorgen, dass der HTML Code, der Ausgegeben wird noch übersichtlich ist, da man Zeilenumbrüche und Tabs per Hand schreiben muss.

Dieses <big><big><big><big>.... tritt oft auf wenn mit einem WYSIWYG-Editor gearbeitet wird, um den Content von ner Page zu verwalten.

Generell ist es schwer, eine Seite so zu programmieren, dass sie im IE und im Firefox exakt gleich aussehen.. Ich hab oft Stunden damit verbraucht, Fehler zu suchen, die nur im Firefox oder im IE auftreten.

cebito · 17.03.2009

AW: Probleme mit Seitendarstellung

Yazaa schrieb:
Zum Quelltext:

es ist ziemlich aufwendig, eine Seite in PHP zu programmieren und dann dafür zu sorgen, dass der HTML Code, der Ausgegeben wird noch übersichtlich ist, da man Zeilenumbrüche und Tabs per Hand schreiben muss.

Es ist im Vergleich "zum Quadrat" aufwendiger, Fehler in schlecht geschriebenem Code zu suchen, zumal noch nicht mal irgendwelche Kommentare vorhanden sind. PHP ist nicht die einzige Sprache, in der man Zeilenumbrüche etc. reinschreiben muss, das muß ich in jeder anderen Sprache auch.

azraelb · 18.03.2009

AW: Probleme mit Seitendarstellung

cebito schrieb:
Hä? 205px ist was der IE anzeigt, und das ist ja wohl zu schmal. Die Breite müsste irgendwo bei 500-600px liegen, damit es so aussieht wie in den anderen Browsern. Und dafür muss er nicht die 100% abändern, sondern die Tabellenzelle(die jetzt 205 breit ist) in der die andere Tabelle steckt. Die 100% können bleiben...

Oh, sry. Habe gar nicht bemerkt, dass der contentbereich auch verschoben wird^^; Mann bin ich blind!

habe das Ganze auf den grauen Hintergrund der Navigationsüberschriften bezogen. Wenn man dort die width: 100% durch eine feste Breite ersetzt, dann sollte der Graue Hintergrund über die komplette Spalte angezeigt werden.

Und zu der Sache mit der unübersichtlichen php-Datei:

Für mich sind das eigentlich 2 Dateien:
Das Template (eigentlich nur HTML, am Besten fast gar kein php)
Der generierte Code, der an bestimmten Stellen im Template eingefügt wird.

Wenn man beide getrennt postet, dann hat man doch gar kein Übersichts-problem?...