:strip_icc():strip_exif()/u/10088/WinAndApp.jpg?f=community)
Wat ik probeer voor elkaar te krijgen is dat de grijze balk links, van onderaan de header (incl. de zwarte balk) doorloopt tot de footer. Hierbij moet het niet uitmaken hoe groot je scherm is en welke resolutie je draait. Dit was me uiteindelijk ook gelukt en het werkt perfect in Firefox, maar niet in IE. IE negeert gewoon dat die grijze balk 30 pixels van de bottom moet gaan staan. Hoe krijg ik dit zo dat het zowel in FF als in IE goed werkt?
code:
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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Tweakerdetweak</title>
</head>
<body style="height:100%; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;">
<div style="left:0px; top:0px; width:100%; height:100%;"> <!-- container -->
<div id="header" style="width:100%; height:80px; position:absolute; background-color:#FF7700;">
header
</div>
<div id="mainmenu" style="width:100%; height:20px; top:80px; position:relative; background-color:#000000;">
mainmenu
</div>
<div id="content" style="top:100px; left:150px; position:absolute; background-color:#FFFFFFF;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec dictum neque eu mauris. Mauris mollis, elit eget ornare egestas, mi mauris congue nibh, aliquet placerat
nunc felis a metus. Nullam congue. Etiam ultrices sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum adipiscing lobortis leo.
Aliquam id erat. Cras sollicitudin cursus orci. Nullam porta sem eu ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Sed quis felis ac nulla vestibulum iaculis. Curabitur convallis libero vitae eros. Maecenas at eros nec enim
fermentum pulvinar. Nulla posuere, risus vitae molestie fermentum, nisl justo ultricies urna, sed vehicula nibh erat eget dui. Morbi nulla risus, eleifend eu, pellentesque at, aliquam
varius, purus. Proin id nisl cursus sapien egestas iaculis. Nunc auctor, orci non rutrum placerat, neque tortor mattis magnid pretium mi nibh ac odio. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.<br><br>
Donec vitae risus eget pede scelerisque elementum. Nam fringilla, metus sit amet aliquam rutrum, dui purus facilisis massa, a lacinia nunc orci vel nulla. Aenean enim. Nunc sodales
ipsum. Suspendisse iaculis. Mauris semper molestie elit. Vivamus sollicitudin turpis eget orci cursus posuere. Quisque justo magna, convallis ac, blandit et, convallis ac, orci. Integer
pharetra augue varius elit. Vivamus cursus nonummy orci. Sed et lorem. Maecenas eleifend accumsan sem. Praesent quis eros. Suspendisse sit amet odio vel nulla volutpat malesuada.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean et elit in ante eleifend egestas. Quisque sodales est nec lectus.<br><br>
Pellentesque scelerisque, lectus vitae posuere tempor, ligula justo tincidunt ligula, dictum rutrum turpis lacus sit amet metus. Quisque et tortor eget mauris fringilla viverra. Sed
semper dolor tempus purus. Mauris nisl. Quisque nibh nulla, suscipit eu, placerat at, tempor id, elit. Cras vitae leo. In id pede ut nulla volutpat tincidunt. Sed sagittis convallis
mauris. Vestibulum lobortis. Aliquam erat volutpat. Nulla vitae ipsum. Mauris sit amet augue. Praesent eleifend, dolor eget semper luctus, metus augue eleifend velit, sit amet tincidunt
neque nibh vel est.<br><br>
Aliquam mauris quam, laoreet vel, dignissim non, bibendum in, risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sit amet libero.
Sed venenatis tristique libero. Nulla tincidunt ante ut leo. Etiam placerat rhoncus leo. Vivamus dolor neque, egestas in, malesuada a, adipiscing eu, purus. Quisque vehicula pretium
ligula. Donec lobortis consectetuer ipsum. Donec at urna. Donec et dui non urna aliquet porttitor. Sed quis massa blandit metus euismod egestas. Ut congue odio sit amet enim.<br><br>
Curabitur nec augue a nibh lobortis hendrerit. Nulla in nibh. Proin mi lacus, accumsan a, lobortis ut, ornare non, lectus. Morbi at nulla vitae orci consequat egestas. Mauris sed quam
nec dolor varius nonummy. Donec id justo. Proin mattis risus vitae orci. Vestibulum scelerisque, tortor feugiat ornare ultrices, magna urna convallis ante, eu tempus magna justo sed
diam. Vivamus sodales. Sed posuere sodales sapien. Sed ornare pretium lacus. Mauris enim ligula, sagittis vitae, ultrices at, commodo nec, nunc. Mauris risus nulla, rutrum in, ultricies
in, condimentum eu, turpis. Maecenas egestas nibh id mi. Cras sed nibh a enim hendrerit suscipit. Quisque euismod, risus et rhoncus sagittis, risus lectus suscipit nunc, auctor sagittis
turpis risus eget lorem. Ut feugiat aliquet eros. Fusce eleifend tortor ut mauris.<br><br>
</div>
<div id="leftmenu" style="width:150px; top:100px; bottom:30px; position:absolute; background-color:#7c7c7c;">
leftmenu<br>
leftmenu<br>
leftmenu<br>
leftmenu<br>
leftmenu<br>
leftmenu<br>
</div>
<div id="footer" style="width:100%; height:30px; bottom:0px; left:0px; background-color:#000000; position:absolute;">
footer
</div>
</div> <!-- einde container -->
</body>
</html> |
Antec Solo * Corsair HX-650 * Gigabyte EP45-UD3R * Intel Core2Duo E8400 * 4x Kingston 2GB DDR2 PC6400 * Intel Postville 80GB SSD * 4x WD5000AAKS 500GB raid5 * Sony Optiarc AD-7240S * Sapphire HD 5750 Vapor-X * Acer P235H
:strip_exif()/u/3333/pumpkin_avatar.gif?f=community){kind=avatar}
:strip_exif()/u/105445/zidane2.gif?f=community)
/u/7685/ruinmytune-60x60.png?f=community)