header fixed maken

[willem008]

Goede dag

Ik wil mijn header fixed maken hij staat nu relative in de hooftcontainer, als ik hem fixed geef gaat het fout alleen het logo links in de header wordt fixed de rest valt weg.

of moet ik dat alle afbeeldingen fixed maken.

<div id="hoofdcontainer">
		
  
  <div id="header"><img id="logo" src="image/logo.jpg" width="140" height="120" alt="welkom op deze website"/> 
    <img id="sublogo1" class="cushycms" src="image/kas.jpg" width="200" height="120" title="kas" alt="alles rond en om de kast"/><img id="sublogo2" class="cushycms" src="image/S7300136.jpg" width="200" height="120" title="luchtmechaniek" alt="monteren en onderhoud van beluchtings systemen"/><img id="sublogo3" class="cushycms" src="image/screening1.jpg" width="214" height="120" title="rolgevels" alt="montage van rolgevels"/> 
    <img id="sublogo4" class="cushycms" src="image/webwinkel.png" width="200" height="120" alt="QR-code"/>	
  </div>

<div id="menu">
<ul class="navbar">

 

[csshunter]

Hoi Willem,
Nee, dat hoeft niet.
Door het fixed van de #header zijn de menukolom en de content-kolom er los van komen te staan, die beginnen nu alle twee helemaal bovenaan de pagina. Ze overlappen de header.
En omdat de content-kolom de blauwe achtergrondkleur heeft, lijkt het net alsof de header-afbeeldingen verdwenen zijn. Maar ze zijn er wel, ze zitten er alleen onder.

Geef je het #menu en de #content een margin-top van 120px (de hoogte van de header), dan beginnen menu en content onder de header, en zijn de header-afbeeldingen weer zichtbaar.

Als je verder de #header een z-index: 4; geeft, dan schuiven het menu en de content er mooi onderdoor.

Met vriendelijke groet,
CSShunter

 

[willem008]

ok bedankt


ga het even proberen bij de eerste poging ging het toch weer fout , maar ik het in ieder geval een start punt.