nicht angemeldet
Hallo zusammen
vielleicht könnt ihr mir ja helfen.
Also ich versuche gerade ein neues Layout für meine Homepage zu gestalten. Dabei überprüfe ich die Layouts mit Firefox und IE.
Leider entspricht die Darstellung im IE überhaupt nicht meiner Vorstellung. Im Firefox jedoch schon.
Hier mein Code
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>A frame document with CSS2</title>
<style type="text/css">
#header {
position: fixed;
width: 100%;
height: 15%; top: 0;
right: 0;
bottom: auto;
left: 0;
background-color: #FFFF88;
border: 1px solid #000000;
}
#sidebar {
position: fixed;
width: 10em;
height: auto;
top: 15%;
right: auto;
bottom: 100px;
left: 0;
}
#main {
position: fixed;
width: auto;
height: auto;
top: 15%;
right: 0;
bottom: 100px;
left: 10em;
overflow: auto;
}
#footer {
position: fixed;
width: 100%;
height: 100px;
top: auto;
right: 0;
bottom: 0;
left: 0;
background-color: #FFFF88;
border: 1px solid #000000;
}
</style>
</head>
<body>
<div id="header"> Titel </div>
<div id="sidebar">
<ul id="Navigation">
<li><p align=left><font size="5"><b>Wegweiser</b></font></p></li>
<li><p align=left>Home</p></li>
<li><p align=left>Romanisch</p></li>
<li><p align=left>Fahrzeuge</p></li>
<li><p align=left>Fischen</p></li>
<li><p align=left>Brass Band</p></li>
<li><p align=left>Gästebuch</p></li>
</ul>
</div>
<div id="main"> Hier steht ganz viel Text.<br>
Hier steht ganz viel Text.<br>
Hier steht ganz viel Text.<br>
</div>
<div id="footer"> Footer </div>
</body>
</html>
Ich danke euch für eure Antworten.