HTML/CSS Div-Boxen im IE verschoben

phpman · 6 September 2009

Hallo,
ich besitze folgende Homepage und möchte diese gerne für alle Browser kompatibel machen. In Opera und Firefox bin ich ganz zufrieden. Doch im IE ist der Hauptteil der Seite total nach rechts verschoben. Habe schon einiges ausprobiert, kenne mich mit CSS und so aber nicht so gut aus.

Meine Homepage: https://www.phpman89.de

Ausschnitt aus dem Quelltext:

HTML:

<html>
<head>
<style type="text/css">
<?php
include("style.css"); //ich weiß, das ist unnütz, habs selber gerade bemerkt
?>
#all {
width:950px;
padding-left:0px;
margin:0 auto; }
#start {
position:absolute;
top:150px;
padding-left:120px;
margin-left:0px;
width:840px; }
#bottom {
position:absolute;
top:440px; }
#show_sites {
position:absolute;
width:150px;
top:200px; }
</style>
</head>
<body bgcolor='#F5F6EC'>
<center>
<div id="all">
<div id="start">
Hauptseite
</div>
<div id="show_sites">
Auflistung der Seiten links
</div>
<div id="bottom">
Inhalt
</div>
</div>
</center>
</body>
</html>

Cosmoflamme · 6 September 2009

Als erstes solltest Du Deiner Webseite unbedingt einen Doctype verpassen.
(Der Doctype gehört ganz oben ins Dokument)

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "https://www.w3.org/TR/html4/loose.dtd">

Es wäre sinnvoll, jede Stylesheet-Definition auch wirklich vollständig anzugeben.
Dann weiss der Browser auch, wie er es darstellen soll.
z.b:

Code:

#all {
position : absolute;
top : 0px;
left : 0px;
width : 0px;
height : 0px;
}

phpman · 6 September 2009

Vielen Dank. Der Hinweis mit dem DOCTYPE hat das Problem bereits gelöst. Ich werde mir das mit den Stylesheet Definition aber nochmal anschauen

phpman · 6 September 2009

Habe jetzt ein weiteres Problem auf folgender Seite:
https://t-home.phpman89.de (und auch auf anderen).
Die untere Navigation ist oben und überlagert die Tabelle. Warum wird Sie nicht unter der Tabelle angezeigt. Komischerweise zeigt es der IE diesmal etwas besser an und zeigt nur die Navigation oben an, der Rest ist unter der Tabelle. In Opera ist alles überlagert.

Quelltext:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "https://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
Head
<style type="text/css">
<?php
include("style.css");
?>
body {
text-align:left;
}
#all {
width:950px;
margin:0 auto; }
#bilder {
position:absolute;
width:100px;
padding-left:40px;
top:400px; }
#t-home {
position:absolute;
top:150px;
padding-left:50px;
width:850px; }
</style>
</head>
<body bgcolor='#F5F6EC'>
<div id="all">
<center>
Bild oben+Navigation
</center>
<div id='bilder'>
Bilder an der Seite
</div>
<div id="t-home">
<center>
Text oben
</center>
Tabelle (<table width='75%' align='right'>)
<center>
Text unten (Navigation, Banner, Besucher)
</center>
</div>
</div>
</body>
</html>

HTML/CSS Div-Boxen im IE verschoben

phpman

www.phpman89.de

Cosmoflamme

Quellcode-Schubser

phpman

www.phpman89.de

phpman

www.phpman89.de

Ähnliche Themen