unerkärliches Verhalten bei IE und Mozilla

[wolf360]

Okey ich grad dabei meine Seite auf CSS umzustelln.
Zur Hompage

Die Seite hab ich vom CSS Sytle an Opera angepasst aber irgendwie spinnt der Footer bei mir...

Wenn ich die Seite mit Mozilla und IE aufrufe ist er Total Versetzt (bei beiden sogar komplett unterschiedlich)

woran liegt das?

css Datei:

* {
margin:0px;
padding:0px;
}

body
{
background-color:white;
}

#banner
{
position:absolute;
width:783px;
height:306px;
margin-top:0px;
margin-left:108px;
background-image: url(bilder/banner.gif);
}

#inhalt{
position:absolute;
width:554px;
height:571px;
margin-top:306px;
margin-left:337px;
background-image: url(bilder/inhalt.gif);
color:#999999;
overflow:auto;
}

#navigation
{
position:absolute;
text-align:center;
width:229px;
height:571px;
margin-top:306px;
margin-left:108px;
background-image: url(bilder/navigation.gif);
}

#footer{
position:absolute;
width:783px;
height:195px;
margin-top:877px;
margin-left:172px;
background-image: url(bilder/bottom.gif);
color:#999999;
}

#randrechts
{
position:absolute;
width:108px;
height:1172px;
margin-top:0px;
margin-left:891px;
background-image: url(bilder/blut_rechts.gif);
}

#randlinks
{
position:absolute;
width:108px;
height:1172px;
margin-top:0px;
margin-left:0px;
background-image: url(bilder/blut_links.gif);
}


#schrift{
font-size:22pt;
color:#999999;
}

#musik{
font-family:Lucida Calligrahpy;
color:#CCCCCC;
}

#unterseiten{
font-size:20pt;
color:#B2CCE5;
}

#unterseiten:hover{
text-decoration:underline;
}

#shoutbox{
width: 170px;
height: 200px;
overflow: auto;
}
#gaestebuch{
width: 500px;
height: 200px;
overflow: auto;
}

a:link {font-family:Lucida Calligrahpy; font-size:18pt; color:#FFFFFF; text-decoration:none }
a:visited {font-family:Lucida Calligrahpy; font-size:18pt; color:#FFFFFF; text-decoration:none }
a:hover {font-family:Lucida Calligrahpy; font-size:18pt; color:#FFFFFF; text-decoration:underline}

Das hab ich noch für die Zentrierung verwendet:

<div style="width:1024px;margin:20px auto;text-align:left;">

danke schon mal im Vorraus!

gruß wolf360

 

[Gelöschtes Mitglied 3007]

einen div zentrierst du volgendermaßen

<div style="margin: 0px auto;">Hallo</div>

 

[wolf360]

meine Zentrierung is ja für die komplette Seite.

oder könnte es daran liegen das es beim IE und Mozilla kommplett veschoben ist?

 

[The_Eye]

Hmmm, auf den ersten Blick würde ich sagen, weil Du die DIV

<div style="width:1024px;margin:20px auto;text-align:left;">

Für dem footer schließt:

</div>
</div>

<div id="footer">
</div>

Probiere mal:

</div>
<div id="footer">
</div>
</div>

 

[wolf360]

xD.... das war der fehler hab ich voll übersehn!!

danke für die hilfe!!!

gruß wolf360

 

[wolf360]

okey noch ne andere frage:

Wenn der Inhalt zu groß ist, hab ich es ja bis etz auf overflow:auto gesetzt. Wie mach ich des aber, das das ganze nach unten "gezogen wird"? Wenn ich overlfow weg mache, erweitert er die Seite einfach nacht unten, der Footer bleibt aber an seinen Platz...-.-"

 

[The_Eye]

Gerne.

Das ist ein anderes Thema und ich würde einen neuen Thread vorschlagen ... und vielleicht ein bisschen besser erklären, mit Link, wo das Problem auftritt.

Ansonsten empfiehlt es sich immer, erst den Rahmen der Webseite zu bauen und auf Fehler zu überprüfen, dann den Inhalt einzufügen. Macht weniger Arbeit und ist übersichtlicher.

Gruß

 

[Asterixus]

einen div zentrierst du volgendermaßen

<div style="margin: 0px auto;">Hallo</div>

In meinem IE funktioniert das aber nicht