Ich versuche meine erste HTML - Seite zu erstellen, komme aber mit der Anordnung der Frames nicht klar. Meinen Seitenentwurf könnt ihr unter
http://www.barthman.de/html/Test2.html
einsehen.
Das Problem ist, dass der weiße Frame im Internet Explorer korrekt dargestellt wird, die Länge jedoch in Safari und Firefox nicht stimmt. Habe schon alles mögliche probiert aber ich bekomms ohne Hilfe leider nicht hin. Außerdem scheint es unter IE ein Problem mit der Anordnung des linken Frames, in dem sich das Menü befindet, zu geben.
Danke für Eure Hilfe.
Hier noch der Code:
http://www.barthman.de/html/Test2.html
einsehen.
Das Problem ist, dass der weiße Frame im Internet Explorer korrekt dargestellt wird, die Länge jedoch in Safari und Firefox nicht stimmt. Habe schon alles mögliche probiert aber ich bekomms ohne Hilfe leider nicht hin. Außerdem scheint es unter IE ein Problem mit der Anordnung des linken Frames, in dem sich das Menü befindet, zu geben.
Danke für Eure Hilfe.
Hier noch der Code:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Untitled Document</title>
</head>
<body bgcolor="#333333">
<div id= "oben" style="position: absolute; left: 20px; top: 0px; width: 760px; height: 128px; z-index: 10; background-color: #333333; layer-backround-color: #123456;">
<p><img src="oben.png" width="760" height="128" align="top" /></p>
</div>
<div id= "menü" style="position: absolute; left: 19px; top: 125px; width: 149px; height: 295px; z-index: 9; background-color: #000000; layer-backround-color: #123456;">
<p><img src="menue.png" width="149" height="295" align="top" /></p>
</div>
<div id= "rand" style="position: absolute; left: 718px; top: 126px; width: 62px; height: 294px; z-index: 8; background-color: #000000; layer-backround-color: #123456;">
<p><img src="rand.png" width="62" height="294" align="top" /></p>
</div>
<div id= "text" style="position: absolute; left: 168px; top: 128px; width: 552px; height: 292px; z-index: 7; background-color: #FFFFFF; layer-backround-color: #FFFFFF;">
<p><img src="spacer.gif" width="552" height="292" align="top" /></p>
</div>
</body>
</html>
Zuletzt bearbeitet: