Verwijderd schreef op donderdag 24 augustus 2006 @ 21:39:
ok maar betekend dit dat ik het beter als een geheel kan laten of toch in stukjes opdelen.
maar als k layers of zo gebruik worden de vlakken waar de tekst moet verlengt want dat is nu mn grote probleem, nu kan dit met frames opgelost worden maar daar werk ik liever niet mee.
bedankt voor de reactie
Je kunt een div de css property overflow: auto meegeven, in combinatie met een width en height zul je scrollbalken in de div krijgen wanneer de content te groot wordt. Als ik je goed begrijp kun je dit heel simpel doen met 4 divs. Een voorbeeldje (niet bedoeld als copy paste stukje, maar meer een beginpunt)
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
body { text-align: center; }
#container {
width: breedte totale plaatje;
height: hoogte totale plaatje;
margin: 0 auto;
background-image: url(je bg image);
text-align: left;
}
#header {
width: breedte container;
height: hoogte van je header;
}
#content {
float: right;
width: breedte content gedeelte;
height: lengte content gedeelte;
overflow: auto;
}
#menu {
width: breedte navmenu;
height: hoogte navmenu;
float: left;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<ul>
<li>je topnav elementen</li>
</ul>
</div>
<div id="content">Je content hier</div>
<div id="menu">
<ul>
<li>je menu elementen</li>
</ul>
</div>
</div>
</body>
</html> |
Ik zet in dit voorbeeld de complete achtergrond afbeelding als bg op de container div, je kunt het natuurlijk op opdelen in 3 stukken ofzo en dan als bg op de verschillende divs zetten. Vervolgens met margins/paddings alles netjes op zijn plaats zetten.
Als ik je niet goed begrijp en je wilt wel dat de hoogte van de divs meerekt al naar gelang de inhoud, wat het meest gangbaar is, dan is dat ook geen probleem, dat laat je de height setting bij menu en content weg (en overflow:auto ook). Wel moet je dan losse images als bg op de verschillende divs zetten. De divs rekken dan gewoon mee met de content.
Enige probleem wat je dan hebt is dat je een oplossing moet bedenken voor het verticaal repeaten van background images (wat nogal lastig lijkt bij jou design). Trouwens ik zou je aanraden om je code nog eens te bekijken, daar moet je toch niet vrolijk van worden. Dit kun je het web niet aandoen.
[
Voor 68% gewijzigd door
Verwijderd op 25-08-2006 12:40
]
:strip_exif()/u/105445/zidane2.gif?f=community)
:strip_exif()/u/46677/CC.gif?f=community)