Hallo

Ik heb een vraagje over basen.
Ik heb er helaas geen voorbeeld van maarja
k wil 2 divs maken
bijvoorbeeld:
1.content_wrap
2.Menu_wrap

Nou wil ik die 2 verschillende kleuren geven en de menu bove op de content_wrap plaatsen maar de menu_wrap moet niet volledig op de content zitten maar een stukje er buiten.
hoe doe ik dat?

Ik heb geen voorbeeld of code het is een vraag!

Als ik het goed begrijp wil je dus een container/wrapper hebben die bijv groen is, en daarin wil je een menu dat bijv blauw is, maar is het probleem dat je menu niet buiten je container wil komen?

In dat geval heb je dus 3 divisies nodig, bijv

Code:

<div id="wrapper">
  <div id="menu">
    <ul>
        <li><a href="#">Titel</a></li>
        <li><a href="#">Titel</a></li>
        <li><a href="#">Titel</a></li>
        <li><a href="#">Titel</a></li>
        <li><a href="#">Titel</a></li>
    </ul>
  </div>
  
  <div id="container">
     <h1>Website naam</h1>
  blabla // Overige elementen
  </div>
</div>

Code:

#wrapper {
margin: 0 auto;
bottom: 0;
width: 100%;
height: 100%;
background: #123456; // is natuurlijk geen bestaande kleur
}

#menu {
margin-top: 400px;
float: right;
background: #123456;
}

#container {
width: 1000px;
}

#container h1 {
font-size: 26px;
}

Wellicht heb je hier iets aan:
http://oukjeweb.com/blurple/

Ik denk dat ik weet wat je bedoelt. Je wilt dat het menu voor een deel boven de content en voor een deel boven de content staat zodat het lijkt dat het een andere laag is? Dit doe je als volgt:

hmtl:

<div id="content_wrap">
<div id="menu_wrap">
</div>
</div>

CSS:
#content_wrap {
background-color:kleur1;
}
#menu_wrap {
background-color:kleur2;
margin-top: -10px; // zoveel pixels als het menu boven de content moet uitkomen.
}

zelfde positie, z-index van site-wrapper op 0, z-index van het menu op 1?