Hallo beste Thea,
Je hebt positie divs gebruikt die gefixeerd zijn, hierdoor blijven ze op één plek staan terwijl je de pagina vergroot of verschuift, in principe
zou je die code ook overal in je html kunnen plaatsen aangezien ze de exacte
postie beschrijven, soms echter niet handig zoals in dit geval.
Je kunt dit oplossen door alle head divs in één header div te zetten en dan de float functie gebruiken, dit betekend drijvend,
het eerste plaatje heeft float left en de laatste heeft float right, hierdoor blijft alles in één lijn staan mits je met de width of margin instelling
van de diverse divs niet de totale breedte overschrijdt, anders springt er alsnog een div naar onder.
#header #mid is in dit geval het middelste plaatje en is als laatste toegevoegd met float none.
zie hieronder de aangepaste header inclusief de toegevoegde css code.
css:
<style type="text/css">
<!--
body {
background-image: url(gradientlichtblauwbreed.png);
}
.style2 {font-size: 24px}
.style4 {font-size: 16px}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000033;
}
.style8 {font-size: 14px}
.style9 {color: #2B1A7B}
.style10 {color: #EEEEEE}
.style11 {font-size: 16px; color: #2B1A7B; }
#header {
height: 120px;
width: 1000px;
text-align: center;
}
#header #mid {
padding: 0px;
margin: 0px;
float: none;
}
-->
</style>
de aangepaste header vanaf de body tag:
<body>
<table width="1000" height="300" border="0" align="center">
<!--DWLayoutTable-->
<tr bgcolor="#EEEEEE">
<th height="124" colspan="2" scope="col">
<div id="header">
<div id="Layer2" style="width:350px; height:118px; float: left; margin-right: auto; background-color: #EEEEEE;"><img src="jongetje.gif" name="jongetje" width="76" height="120" id="jongetje"></div>
<div id="Layer1" style="width:350px; height:118px; background-color: #EEEEEE; border: 1px none #000000; float: right; ">
<img src="meisje.gif" name="meisje" width="88" height="120" id="meisje"></div>
<div id="mid"><img src="logo%2096maat762_323mm.JPG" name="logo" width="288" height="122"></div>
</div></th>
</tr>
<tr bgcolor="#000066">
<th height="32" colspan="2" scope="col">...hierna volgt de flash
je kunt een beetje gaan spelen met de width (nu 350px) van de layer 1 en 2
Succes,
met vriendelijke groet,
Ron
