Hi,
ich bin Anfänger und versuche mich an einer Homepage.
Dazu verwende ich eine zentrale CSS-Datei und eine HTML-Datei.
Leider stellt der IE das Menü links nicht richtig dar (Firefox macht's richtig), da es eigentlich bis nach ganz unten gehen sollte.
Wäre schön, wenn mir jemand helfen könnte, sodass das Menü an der linken Seite korrekt dargestellt wird.
Es sollte nach Möglichkeit bis unten durchgezogen sein und fixiert sein, ebenso wie der breite Streifen ganz oben.
Die Codes zu den Dateien stehen unten.
Viele Grüße
Christian
test.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml...">
<html>
<head>
<title>Test</title>
<link rel="stylesheet" type="text/css" href="format.css" />
<script language="JavaScript" src="java.js"></script>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
</head>
<body>
<div class="up">Hier steht ein Logo</div>
<div class="menu">Hier steht das Menü</div>
</body>
</html>
format.css:
/* ----------------------------- */
/* ------ Begin HTML-Tags ------ */
/* ----------------------------- */
body {
background-color:#E2E2E8;
font-family:sans-serif;
color:#24222D;
font-size:14px;
margin:0px;
}
/* ----------------------------- */
/* ------- End HTML-Tags ------- */
/* ----------------------------- */
/* ----------------------------- */
/* ------- Begin Classes ------- */
/* ----------------------------- */
.up {
background-color:#BCBCD4;
position:fixed; top:0px; left:0px; right:0px;
width:100%;
height:100px;
padding:0px;
margin:0px;
border-bottom:solid; border-width:2px;
}
.menu {
text-align: right;
background-color:#BCBCD4;
position:fixed; top:100px; left:0px; bottom:0px;;
width:120px;
padding:5px;
margin:0px;
font-weight:bold;
border-right:solid; border-width:2px;
}
/* ----------------------------- */
/* -------- End Classes -------- */
/* ----------------------------- */