div layer probleem

Status
Niet open voor verdere reacties.

schorrie01

Gebruiker
Lid geworden
7 aug 2006
Berichten
79
Ik maakte een pagina met een container DIV

in deze container div wordt een wrapper DIV gezet die horizontaal gecentreerd wordt
de wrapper heeft ook een background image met repeat y

in mijn wrapper plaatste ik een txtwelkom DIV, hierin komt de eigenlijke inhoud van mijn pagina

probleem is thans dat de wrapper DIV, met zijn repeterende background, zich niet in hoogte aanpast aan de txtwelkom DIV

zoals jullie kunnen zien, loopt de tekst nog door onder de wrapper

als txtwelkom dus groter is, dan moet wrapper height eigenlijk vergroten en background image eventueel repeaten

hopelijk is het een beetje duidelijk,

de pagina staat hier, http://www.schorrie.be/aphro
 
Je kan de pagina indelen met minder div's. Als je tekst en achtergrond in dezelfde div plaatst krijgt de achtergrond de juiste lengte. In jouw geval zou ik de container div weghalen, en de wrapper gebruiken om de tekst en de plaatjes in te zetten.

<body>
<div id="wrapper">
<div id="menu"></div>

<img src="img/testinsti.png" width="800" height="293" />

<p>Schoonheidsinstituut Aphrodite, gevestigd in de oude binnenstad, staat garant voor een rustgevend en ontspannend verblijf. </p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
enzovoorts...

body {
background-color: #3d2811;
margin: 0px auto;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
}


/*horizontaal gecentreerde deel in het midden*/
#wrapper {
background-image:url(../img/page_bg2.png);
background-repeat:repeat-y;
position:relative;
margin: 0px auto;
width: 900px;
height: 100%;
overflow:visible;
}
enzovoorts...
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan