nicht angemeldet
Hallo,
bin HTML/CSS-Neuling und habe promt ein Problem mit der Ausrichtung der DIVs. Anzeige im IE so wie es sein soll, in Firefox rutscht die Kopfzeile, die eigentlich rechts oben direkt neben der linken Menüleiste sein soll in die Menüleiste.
Ich könnte natürlich eine Tabelle machen, DIVs wäre mir allerdings wesentlich lieber.
Vorab schon mal herzlichen Dank!
Gruß Jana
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>kommt noch</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link href="css/struktur.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="mother">
<div id="menulinks">
menulinks
</div>
<div id="kopf">
kopf
</div>
<div id="menuoben">
menuoben
</div>
<div id="inhalt">
inhalt
</div>
<div id="fuss">
fuss
</div>
</div>
* {
padding: 0;
margin: 0;
}
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background-color: gray;
margin-top: 10px;
}
#mother {
width: 1004px;
text-align: left;
background-color: white;
margin: 0 auto;
}
#kopf {
height: 100px;
width: 804px;
background-color: #ff9900;
}
#menulinks {
float: left;
width: 190px;
margin-right: 7px;
background-color: #ffff99;
padding: 20px 5px;
}
#menuoben {
float: right;
height: 15px;
width: 804px;
background-color: #8080FF;
}
#inhalt {
float: right;
width: 804px;
background-color: red;;
padding: 20px 10px;
}
#fuss {
float: right;
width: 804px;
height: 30px;
padding: 5px;
background-color: silver;
}