Wat ik wil: menu div moet verwijderd kunnen worden, wrapper div moet dan gehele pagnia in beslag nemen.
Nu heb ik dit an sich voor elkaar, alleen gebeurd er iets vreemds met de border van de geneste "bar" div. De content staat wel goed, maar de border loopt door tot aan het begin van de pagina
Ik heb het even zo schoon mogelijk opgezet:
Weet iemand hoe ik dit fix?
Nu heb ik dit an sich voor elkaar, alleen gebeurd er iets vreemds met de border van de geneste "bar" div. De content staat wel goed, maar de border loopt door tot aan het begin van de pagina
Ik heb het even zo schoon mogelijk opgezet:
Weet iemand hoe ik dit fix?
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
49
50
51
52
53
| <html> <head> <style type="text/css"> body { padding:0; margin:0 auto; } #main { height:100%; width:100%; } #menu { float: left; width: 100px; background: red; } #menu, #wrapper { height: 30em; } #wrapper { background: blue; padding:2px; } #bar { border: solid 1px yellow; } </style> </head> <body> <div id="main"> <div id="menu"> MENU </div> <div id="wrapper"> <div id="bar">bar</div><br /> <div class="h">header</div><br /> <div class="c">content</div><br /> <div class="h">header</div><br /> <div class="c">content</div><br /> </div> </div> </body> </html> |
:strip_exif()/u/27216/bosmonster_dropdown.gif?f=community)
/u/102105/crop56f481fe1f74f.png?f=community)
Al die divs met class "h" zou je moeten vervangen door H1 t/m H6 elementen. Daarnaast hebben de breaks na een div geen nut, aangezien div een block level element is en daardoor automagisch een volledige regel in beslag neemt. Verder vindt ik het niet zo vreemd dat je lijn door de complete pagina loopt, je float die menu div namelijk over de rest heen. Dat betekent niet automatisch dat de rest van de elementen die 100 pixels als margin aanneemt.
:strip_exif()/u/12408/dm_u_judi.gif?f=community)