Wie kann ein div in ein div rein

Gastghost

Hallo ich bastel derzeit an ner Webpage und möchte ein Menue im Header einbauen, bisher setzt es sich aus folgendem code zusammen:

HTML

<!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>

Alles anzeigen

[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

kyr

Navigationen realisiert man meistens mit Listen ( <ul> ).

Tipp: ul li {float:right;}

MyXoToD

div ist ein Block Element. Blockelemente können nicht in Blockelementen drin sein. Du musst dem div was in dem anderen drin ist folgendes per css zuweisen:

Code

#headermenue {
      display: inline;
}

Gastghost

ich hatte es auch schon mal ähnlich mit z-index hinbekommen warum es nicht funktioniert ist mir schleierhaft. Ich werde es mit euren Vorschlägen versuchen. Vielen Dank:-)

Grevas

Zitat von Santos
div ist ein Block Element. Blockelemente können nicht in Blockelementen drin sein. Du musst dem div was in dem anderen drin ist folgendes per css zuweisen:
Code
#headermenue {
      display: inline;
}

Wo hast du das denn her? Quelle bitte. Hör ich zum erstenmal, und das man wrapper div's macht etc. widerspricht dieser Aussage eindeutig.
Blockelemente dürfen nicht in Inline Elementen sein, aber Block & Block ist meines wissens 100% legitim!

Tags