Hallo ich bastel derzeit an ner Webpage und möchte ein Menue im Header einbauen, bisher setzt es sich aus folgendem code zusammen:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Isi's Webpage Startseite</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="css.css" type="text/css" rel="stylesheet" />
<link href="img/favicon.ico" type="image/x-icon" rel="shortcut icon" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
</head>
<body>
<div id="rahmen">
<div id="header">
<h1>Hier programmiert --> ISI</h1>
<div id="headermenue">
<a href="">Kontakt<img src="img/style/haken.png" alt="" /></a>
<a href="index.php">Info's<img src="img/style/info.png" alt="" /></a>
</div>
</div>
<div id="leftboard"></div>
<div id="content"></div>
<div id="rightboard"></div>
<div id="footer"></div>
</div>
</body>
</html>[CSS]
* {margin: 0; padding: 0;}
img {border: none; text-decoration:
none;}
a {text-decoration: none; color:
#c0c0c0;}
a:hover {text-decoration: none; color:
#fff;}
#rahmen {
width: 800px;
height: 768px;
margin: auto;
background-image: url
(img/style/hintergrund.gif);
}
#header {
width: 800px;
height: 150px;
background-image: url
(img/style/header.gif);
z-index: 0;
}
#header h1 {
text-decoration: underline;
font-size: 20px;
color: #eee;
margin: 115px 0 0 475px;
font-family: consolas;
}
#headermenue {
width: 250px;
height: 22px;
margin: -125px 0 0 550px;
padding: 5px;
word-spacing: 25px;
font-weight: bolder;
z-index: 1;
}
[/CSS]
Ich habe es leider nirgends hochgeladen aber im Internetexplorer ist die Navi an richtiger Stelle(auf einem bestimmten Streifen eines Bildes. Im Firefox hingegen rutsch der Header mitsamt der Leiste um 200px nach unten, mit allem drumherum.
Danke für eure Antworten, schönes Wochenende euch noch. Meins ist sehr kurz