Hallo zusammen, ich hab noch eine Webseite die mit Frames konstruiert ist, und nun wollte ich das auf CSS Umbauen.
Zumindest der Top-Frame funktioniert im Firefox, aber weder der noch der linke Frame funktioniert im Internet Explorer.
Könnte von Euch mal jemand darüberschauen und mir sagen wo mein Denkfehler ist?
Der Code für die Webseite:
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
<title>Fixierter Dokumentkopf</title>
<link rel="stylesheet" type="text/css" href="test10.css" />
</head>
<body>
<div id="oben">
<h1>Fixierter Dokumentkopf.</h1>
<p>Und noch ein wenig Information.</p>
</div>
<div id="links">
Hier ist das Menü
</div>
<h2>Überschrift</h2>
<p>Beliebiger Text<br>
Beliebiger Text<br>
Beliebiger Text<br>
Beliebiger Text<br>
Beliebiger Text<br>
Beliebiger Text<br>
Beliebiger Text<br>
Beliebiger Text<br>
Beliebiger Text<br>
Beliebiger Text<br>
Beliebiger Text<br>
Beliebiger Text<br>
Beliebiger Text</p>
</div>
</div>
</body>
</html>
Der Code fürs CSS:
[code]body {font-family: verdana, arial,helvetica,sans-serif;}
h1 {font-size:1.2em; margin-left:15px;}
h2 {font-size:1.0em; margin-left:15px;}
p {font-size:0.8em; margin-left:15px;}
body {
height:100%;
margin:0;
padding:0;
}
body>#oben {
position:fixed;
}
#oben {
left:0;
top:0;
width:100%;
height:80px;
background:#abcdef;
z-index:4;
}
body>#links {
position:fixed;
}
#links {
color: #333333;
border: 1px solid #ccc;
background: #E7DBD5;
margin: 0px 5px 5px 0px;
padding: 10px;
height: 350px;
width: 195px;
float: left;
}
Und Bitte daran Denken, ich hab zwar schon eine menge gelesen, bin aber noch in den Anfängen. Also Bitte so erklären das ich es auch nachvollziehen kann.
Euer CSS-DAU Stefan