nicht angemeldet
Hallo,
ich bin gerade dabei eine Internetseite zu erstellen. Eigentlich ganz einfach.
Der Hintergrund gekachelt, in der Mitte ein Container (950 x 450), in diesem Conainer links oben ein Logo (200x120 px) und darunter die Navigation. Wenn ich jetzt in diesem Container (#seite) einen Container (#inhalt), der fast den ganzen Rest ausfüllen soll (bis auf einen kleinen Bereich #bottom für die Öffnungszeiten) wird im IE der ganze Container nach unten geschoben und der Bereich wird doppelt so groß. Woran kann das den liegen. Ich muss gestehen, ich bin in der HTML- und CSSerstellung noch etwas am anfang.
Wäre lieb wenn sich jemand die Seite anschauen könnte und mir einen Tipp geben könnt. Die Seite wurde mit dem NVU Composer erstellt.
Liebe Grüße
Rudi
Hallo,
vielleicht hilft es,wenn ich denn html- und CSS-Code hier poste:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>index</title>
<style title="neu" type="text/css">
body { background-image: url(http://www.modeheindl.de/bilder/streifen.gif);
}
#seite { width: 950px;
margin-left: auto;
margin-right: auto;
background-color: rgb(254, 179, 0);
margin-top: 50px;
height: 450px;
}
#logo { width: 200px;
height: 120px;
position: fixed;
background-position: left top;
background-image: url(http://www.modeheindl.de/bilder/heindllogoklein.gif);
}
#inhalt { border-style: none;
width: 750px;
height: 400px;
background-color: rgb(254, 179, 0);
position: fixed;
margin-left: 200px;
}
#menue { position: fixed;
margin-top: 120px;
width: 200px;
height: 280px;
background-color: rgb(254, 179, 0);
}
#menue li { border-width: 1px;
margin: 0pt;
padding: 0.6em 0.5em 0.5em;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
color: rgb(0, 0, 0);
}
#menue a { border-style: solid;
border-width: 1px;
padding: 0.2em;
display: block;
font-weight: bold;
background-color: rgb(254, 179, 0);
color: rgb(0, 0, 0);
}
#menue a:link { color: black;
background-color: rgb(254, 179, 0);
}
menue a:visited { background-color: rgb(254, 179, 0);
color: rgb(0, 0, 0);
}
menue a:hover { border-style: solid;
border-width: 1px;
color: black;
background-color: rgb(254, 179, 0);
}
#menue a:active { background-color: rgb(254, 179, 0);
color: rgb(0, 0, 0);
}
</style>
</head>
<body>
<div id="seite">
<div id="logo"></div>
<div id="inhalt">
</div>
<div id="menue">
<ul>
<li> <a href="http://www.modeheindl.de/index.html">Home</a></li>
<li> <a href="mehrspaltige.htm">Wir über
uns</a></li>
<li> <a href="mehrspaltige.htm">Labels</a></li>
<li> <a href="fixbereiche.htm">Aktuelle Angebote</a></li>
<li> <a href="navigationsleisten.htm">Anfahrtsskizze</a></li>
<li> <a href="http://www.modeheindl.de/impressum.html">Impressum</a></li>
<ul>
</ul>
</ul>
</div>
<div id="bottom"></div>
</div>
<br>
</body>
</html>
Die Seite habe ich schon überprüfen lassen aber außer dass bemängelt wurde dass ich meine Liste für das Menü nicht vernünftig eingeleitet habe ist dabei nichts herausgekommen. Firefox würde es ja so darstellen wie ich will aber der IE macht wie so oft Schwierigkeiten.
Gunnar Bittersmann