Fehlerhafte Darstellung auf IE

**Blauer Tee** · 24.07.2006 12:54

Bisher hatte ich keinerlei Probleme, Webseiten so zu erstellen, dass auf beiden Browsern alles korrekt dargestellt wurde. Mit meiner neuen Seite fangen die Probleme mit GoLive CS2 an. In Seamonkey wird alles richtig dargestellt, im IE nicht.

In GoLive gehe ich folgendermaßen vor. Auf eine leere Seite wir ein Raster gezogen und mittig justiert. Darauf werden Bild und Text entsprechend positioniert. Das Raster ist 800x520p. Seamonkey zeigt es genau in der Mitte an, IE verschiebt es zum linken Rand

Hier die Seite

Habe versucht, sämtliche Parameter zu ändern um in IE eine richtige Darstellung zu bekommen, bin aber gescheitert.

Die zweite Seite, das Impressum, wird ebenso zur linken Seite gerückt. Interessanterweise wird die Seite mit den Goth-Galerien mittig dargestellt (?). Auch diese Seite ich nach dem gleichen Muster (wie index.html) aufgebaut, jedoch ist der Code völlig anders. Hier hat GoLive eine Tabelle eingerichtet und mittig zentriert. Die beiden ersten Seiten (index und Impressum) wurde das Raster nicht als Tabelle codiert, sondern völlig anders.

Hier der Code der index-seite.

<div style="position:relative;width:800px;height:521px;background-color:#999;margin:auto;-adbe-g

;">
<div style="position:absolute;top:0px;left:0px;width:300px;height:521px;">

Wie gesagt, die Goth-Seite wird korrekt zentriert dargestellt, da diese als Tabelle codiert ist. Aber was ist das in den beiden anderen Seiten? Warum positioniert IE den Inhalt nicht mittig?

Dankbar für jede Hilfe.

Gruß
Hermann

P.S. Das smilie ist natürlich nicht da.

**UweB** · 24.07.2006 13:59

Hallo Blauer Tee,
das ist ein bekannter IE-Bug.
Der div-Container wurde durch „margin: auto“ zentriert. Das ist richtig, nur stellt der IE es falsch da. Für den IE solltest du noch für <body> einen „text-align: center“ hinzufügen.
Um den Text im Container nicht auch zu zentrieren, fügst du dort noch „text-align: left“ hinzu.
Sie dir einfach den Quelltext des Beispiels an.
Die Tabellen werden „richtig“ dargestellt, da sie mit „align: center“ zentriert wurden. Ein Attribut, das derzeit wahrscheinlich in jedem gängigen Browser funktioniert, zukünftig aber nicht aber nicht mehr benutzt werden sollte.

Gruß
Uwe

**Dirk Levy** · 24.07.2006 14:04

Vielleicht weil der Quellcode Fehler hat,
z.B. das auf der Einstiegsseite:

</html> height="1"></td>

Gruß

Dirk

**Blauer Tee** · 24.07.2006 14:25

Vielen Dank für die Hinweise.

Hab << body { text-align: center } /*zentriet die Seite im IE */ >> in den Headbereich eingefügt und nichts ändert sich.

@Dirk,

die Zeile kann ich nicht finden. (?)

**UweB** · 24.07.2006 14:48

der Fehler, den Dirk meint, liegt in dieser Seite: http://www.gomfoto.de/Gothic_Main.html

Hab << body { text-align: center } /*zentriet die Seite im IE */ >> in den Headbereich eingefügt und nichts ändert sich.

Einfügen musst du:

Code:

<style type="text/css" media="screen"><!--
     body   { text-align:   center } 
--></style>

Gruß
Uwe

**Blauer Tee** · 24.07.2006 15:02

Ja ich kann mich nur bei euch bedanken. Es funktioniert!! Der fehlerhafte Code war nicht in der original Datei vorhanden. Hab die jetzt nochmal hochgeladen und sieht gut aus.

Das war richtig professionelle Hilfe !!

Fehlt auf der Eingangsseite (mit IE) nur noch der kleine Unterstrich unter dem mittleren Bild. Wo kann der geblieben sein?

**UweB** · 24.07.2006 15:10

Schön, dass wir dir helfen konnten.

Fehlt auf der Eingangsseite (mit IE) nur noch der kleine Unterstrich unter dem mittleren Bild. Wo kann der geblieben sein?

Der fehlt nicht, ist aber etwas schwächer ( heller ? ).
Warum das so ist, kann ich aber nicht sagen.

Gruß
Uwe

**Blauer Tee** · 24.07.2006 15:29

Stimmt, hab genau nachgesehen, ist da aber nur sehr schwach. Kann ich mit leben

Gruß
Hermann

**gebezh** · 02.08.2006 00:09

da hab ich auch meine PC IE-Probleme. In allen meinen Mac Browsern tut die Site so, wie sie sollte. Im IE schiebt es die Site an den linken Rand, obwohl das Ganze in einer Schwebetabelle eingebettet ist.
Und die zusammengesetzten Zellen der Navi zerreisst es im IE, obwohl sie genau definiert sind. hat jemand auch schon so was erlebt.

**gebezh** · 02.08.2006 00:12

sorry, hab den link vergessen:
www.sputnique.ch

**gebezh** · 02.08.2006 01:29

den zeilenzerriss habe ich mit gifs korrigiert, glaube ich. kann jemand, der das liest, mal auf seinem pc testen? merci

**Blauer Tee** · 02.08.2006 08:44

Die Seite sieht am PC mit Seamonkey gut aus. Außer vielleicht, dass der obere Rand zu groß ist und die Seite vertikal nicht im Browser zentriert ist.

Gruß
Hermann

**UweB** · 02.08.2006 09:00

Hallo gebezh,

den zeilenzerriss habe ich mit gifs korrigiert

Damit behebst du in einigen Browsern die Symptome, nicht jedoch den Fehler.
Ich habe lange nicht mehr mit Tabellen gearbeitet, meine aber, bei deiner Tabelle passen einige Größen nicht zueinander.
Wenn du dir im Fenster Tabelle die Struktur deiner Tabelle ansiehst, wird mindestens ein Wert in rot dargestellt. Ein Hinweis darauf, dass diese Größe nicht eingehalten werden kann. In diesen Fall macht dann jeder Browser, was er will.
Ich bezweifel, dass dieses Layout mit einer einzigen Tabelle zu lösen ist. Ich meine, wenn es denn Tabellen sein sollen, müssen es mehrere verschachtelte sein. Dadurch würde der jetzt schon unübersichtliche Quellcode natürlich noch unübersichtlicher.
Besser und einfacher würde sich das Ganze mit <div>-Containern und CSS lösen lassen.
Da das aber eine ganz andere Herangehensweise ist, weiß ich nicht, ob sich für dich der Aufwand lohnt.

Ach ja,
auf WinXP:
IE6 : kleine Fehler, und Darstellung Links
FF 1.5.0.5: ok
Opera 9: ok

Gruß
Uwe

**gebezh** · 02.08.2006 13:58

die tabelle ist rechnerisch genau, ich habe auch viel zeit darauf investiert, dass es stimmt. however, die abstand-gifs sind vielleicht für einen programmierer horror, für einen gestalter aber voll ok

. das ist, wie ein modell ausspachteln...
hab die abstand-gifs noch feinkorrigiert und der ie schluckt das layout jetzt auch, habs bei einem kollegen überprüft. herzlichen dank für eure feedbacks. TP ist einfach genial.
gregor

**gebezh** · 02.08.2006 14:01

Die Seite sieht am PC mit Seamonkey gut aus. Außer vielleicht, dass der obere Rand zu groß ist und die Seite vertikal nicht im Browser zentriert ist.

Hallo hermann

vielen dank für deine mithilfe. das mit dem seiten einmitten habe ich aufgegeben. ich weiss, ganz einfach, eine tabelle 1/1 100% auf 100% und so, aber funktioniert bei mir einfach nie, höchstens in die breite, nie in die höhe. in der vorschau funktionierts, aber im browser nie vertikal. das, was du da siehst, ist der kompromiss

zur Startseite vom TP

Thema: Fehlerhafte Darstellung auf IE

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Fehlerhafte Darstellung auf IE

Aktive Benutzer

Aktive Benutzer