Div probleem

BartP · 16 mrt 2008

goedenmiddag,

ik heb een paar problemen met divs:

dit is de bedoeling:
http://217.67.229.77/~feenstra/uitleg.jpg

maar ik krijg de divs niet op de plaats waar ze horen en het tussenstuk rekt niet mee.
en ook als je het window kleiner maakt vliegt alles over elkaar heen

hoe kan ik dit oplossen

mvg

BartP

Pieter Arntz · 16 mrt 2008

Ik heb even een voorbeeld in elkaar gezet voor de bovenkant.

html

Code:

<html>
<head>
<link rel="stylesheet" type="text/css" href="BartP.css">
</head>
<body bgcolor="#FFFFFF">
<div id="containerheader">
 <div id="header1">
linksboven
 </div>
 <div id="header2">
tussenstuk past zich aan<BR> 
aan de inhoud die je<BR>
er in probeer te stoppen
 </div>
 <div id="header3">
Rechtsboven
  <div id="topnav">
navigatie
  </div>
 </div>
</div>
</body>
</html>

css

Code:

div#headercontainer{
position: absolute;
top: 0px;
left: 0px;
height: 157px;
width: 99%;
}

div#header1 {
position: absolute;
top: 0px;
left: 0px;
height: 157px;
width: 162px;
border-color: blue;
border-width: 2px;
border-style: solid;
}

div#header2 {
position: absolute;
top: 0px;
left: 162px;
height: 157px;
border-color: red;
border-width: 2px;
border-style: solid;
}

div#header3 {
position: absolute;
top: 0px;
right: 0px;
height: 157px;
width: 606px;
border-color: black;
border-width: 2px;
border-style: solid;
}

div#topnav {
position: absolute;
right: 20%;
top: 80%;
width: 250px;
border-color: yellow;
border-width: 1px;
border-style: solid;
}

De borders heb ik een kleurtje gegeven zodat je de randen van de divjes ziet.
Het probleem zal header2 zijn. Als je daar meer in zet dan waar plaats voor is dan loopt hij over in header3. Maar doe je er niks mee dan kan het een grote leegte zijn.
Breedte op mijn scherm: 230px

Hopelijk kom je hier iets verder mee.

Div probleem

BartP

Gebruiker

Pieter Arntz

Spywareslayer

Nieuwste berichten

Wij waarderen jouw privacy