Probleme mit unterschiedlichen Browsern

[hks]

Schönen Guten Abend.

Ich suche seit ca. 2 Std. die Lösung für mein Problem. Ich habe eine Homepage für jemandem erstellt. Ich bin Mac-User und habe die Homepage mit Firefox, Safari und anderen Browsern getestet. Sah alles super aus. Doch jetzt habe ich an einem PC mit IE gesehen, dass meine Menüpunkte im InternetExplorer ca. 5 -10 Pixel nach innen verschoben sind.

body { text-align:center; margin:0; padding: 0; background-color: #abcae7; font-family: Arial; }
                         

table.tabelle1 { margin-right: auto; margin-left: auto; text-align:center; font-size: 30; width: 1178px; background-image:url(bg.gif); vertical-align:top; height: 100px;}

table.tabelle2 { margin-right: auto; margin-left: auto; top: 3500px; text-align: center; width: 1178px; background-image:url(bg.gif); vertical-align:top;}

table.tabelle3 { margin-right: auto; margin-left: auto; text-align:justify; width: 1178px; border-spacing: 0px; border-collapse: 0px;}

table.tabelle4 { position: absolute; top: 400px; left: 230px; text-align:justify; width: 700px;}

td {vertical-align: top;}

td.text {padding-left: 210px; padding-right: 210px;}






div.tdc
 {text-align: center;}



/*Layout*/

#header
{margin-right: auto; margin-left: auto; text-align:center; font-size: 30; }

#header1
{position: absolute; top: 164;}

#startseite      {position: absolute; top: 266px; margin-right: auto; margin-left: auto;}
#ferienwohnung   {position: absolute; top: 300px; margin-right: auto; margin-left: auto;}
#preise          {position: absolute; top: 338px; margin-right: auto; margin-left: auto;}
#galerie         {position: absolute; top: 377px; margin-right: auto; margin-left: auto;}
#kontakt         {position: absolute; top: 415px; margin-right: auto; margin-left: auto;}
#links           {position: absolute; top: 450px; margin-right: auto; margin-left: auto;}
#impressum       {position: absolute; top: 485px; margin-right: auto; margin-left: auto;}

Das ist mein CSS Code. Ich weiß, es sind einige Angaben überflüssig bzw. doppelt aber ich bin seit Tagen nur am probieren und komme nicht auf die Lösung. Als nächstes habe ich mal die Menüpunkte aus der HTML Datei eingefügt.

<table class="tabelle3">
<tr>
<td>
<div id="startseite"><a href="index.html"><img src="layout/startseite.gif"></a></div>
<div id="ferienwohnung"><a href="ferienwohnung.html"><img src="layout/ferienwohnung.gif"></a></div>
<div id="preise"><a href="preise.html"><img src="layout/preise.gif"></a></div>
<div id="galerie">  <a href="galerie.html"><img src="layout/galerie.gif"></a></div>
<div id="kontakt">  <a href="kontakt.html"><img src="layout/kontakt.gif"></a></div>
<div id="links">    <a href="links.html"><img src="layout/links.gif"></a></div>
<div id="impressum"><a href="impressum.html"><img src="layout/impressum.gif"></a></div>
</td>
</tr>

Ich habe das Problem erkannt. Da ich ja viel mit Tabellen gearbeitet habe, da ich die Homepage immer mittig auf dem Bildschirm haben wollte, habe ich heute festgestellt. Das bei FF, Safari ....die Randdicke der Tabelle einmal abgezogen und beim IE einmal draufgerechnet wird und so der unterschied zustande kommt. Ich habe zwar die Suchfunktion mehrfach benutzt aber ich habe kein Thema gefunden was zu meinem Problem passt. Ich sage schon mal ganz doll danke für eure Bemühungen.

 

[prm]

Wozu du die Tabellen brauchst, ist mir schleierhaft.
Auf die kannst du verzichten.

Die unterschiedliche Darstellung könnte aus einem fehlenden oder falschen Doctype resultieren.

 

[hks]

Ich hätte dabei sagen sollen, dass ich ein Anfänger bin und über jeden Tipp froh bin. Mein Ziel war es einfach die ganze Page mit layout immer Mittig auf das Browser Fenster zu bekommen. Daher habe ich mit den ganzen Tabellen gearbeitet. Ich wusste halt nicht wie ich das immer mittig hinbekomme.

 

[prm]

Zentrieren kannst du ganz einfach und ohne Tabellen wie hier beschrieben.

 

[struppi]

Es wäre auch noch wichtig zu wissen, ob du die Seite im Quirks- oder Standardmode darstellen läßt. Weil so wie du es beschreibst klingt das nach dem Boxmodellbug

 

[hks]

Ich habe es hinbekommen. Wie gesagt mache ich sowas nur nebensächlich und mein Problem war es einfach diese Menüpunkte, die ja nicht genau in der Mitte sein sollten sondern am Rand, richtig zu positionieren. Nach 2 schlaflosen Nächten habe ich dann eine andere Möglichkeit gefunden. Ich sage trotzdem mal besten Dank für die vor allem schnellen Nachrichten. Super Forum ....

 

[Niklas]

Ach ja die Sache mit den verschiedenen Ansichten finde ich persönlich auch dumm der Browser macht gerne mal was was auf anderen Browsern nicht funkitoniert damit den anderen Browser nicht so viele mehr benutzen. (Habe mal bei Youtube ne Doku gesehen Krieg der Browser ganz interesannt kann ich nur empfehlen)

Würden alle Pc und Browser b.z.w Software Firmen sich zusammenschließen würde bestimmt ein Perfekter Pc ein Perfekter Browser und perfekte Software entsehen jede Software für auf dem Pc gehen und alles währ in Butter das erstellen b.z.w anpassen der Seiten währe viel leichter u.s.w (Schade das das vllt nie eintreffen wird).

FG Niklas

 

[struppi]

Nach 2 schlaflosen Nächten habe ich dann eine andere Möglichkeit gefunden.

2 Nächte? Es lag doch nur am Quirksmodus, das ist eine Zeile Code