/u/107351/crop605afc50944ad_cropped.png?f=community)
Ik heb onderstaande code waarbij de paginahoogte als 100% van de browser hoort te worden weergegeven. Echter steekt hij ineens enorm uit in IE, ongeacht of ik versie 6 of 7 pak. Wie weet waar dit aan kan liggen en of dit een bekende bug is in IE of ik gewoon lamme code brij? Heb al een poosje zitten zoeken maar ik kan 'm niet vinden...
Je kan ook [code=html][/code] voor kleurtjes gebruiken
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
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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Website</title> <style type="text/css" media="all"> /* global styles */ html { margin: 0px; padding: 0px; height: 100%; } body { margin: 0px; padding: 0px; font: 10pt Arial; color: #000000; height: 100%; background-color: #cad6e2; background-image: url('images/background_boven.png'); background-repeat: repeat-x; } a:link,a:active,a:visited { color : #000000; } a:hover { color: #FFFFFF; } /* specific ids */ #mastertable { height: 100%; width: 100%; margin: 0px; padding: 0px; border-collapse: collapse; } #site_container { margin: 0px; padding: 0px; vertical-align: top; background-color: #ffffff; width: 700px; height: 100%; } #site_menu { vertical-align: top; width: 130px; margin: 0px; padding: 10px; background-image: url('images/background_inhoud.png'); background-repeat: repeat-y; } #site_inhoud { height: 100%; width: 530px; margin: 0px; padding: 10px; vertical-align: top; background-image: url('images/background_inhoud.png'); background-repeat: repeat-y; } </style> </head> <body> <table id="mastertable"> <tr style="height: 20px; background-color:#443388"> <td colspan="4"></td> </tr> <tr> <td style="width: 12px; background-color:#774466"></td> <td id="site_container"> <table style="border-collapse: collapse; height: 100%"> <tr> <td colspan="2" style="height: 120px; background-image: url('images/site_banner.png'); background-color:#449966"></td> </tr> <tr> <td id="site_menu" style="background-color:#226655">MENU</td> <td id="site_inhoud">TESTLAYOUT >> NOG NIET KLAAR<br /> <br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec dapibus accumsan lacus. Mauris ullamcorper auctor lorem. Nulla cursus. Vivamus fermentum massa in nulla. Cras sit amet nisl. Ut purus turpis, mollis in, semper sed, suscipit quis, sem. Nam faucibus fringilla ante. Nullam elit. Maecenas et pede. Donec cursus, odio eu placerat semper, libero justo cursus magna, sed faucibus est elit sit amet purus. Donec velit sapien, tincidunt in, nonummy quis, porta quis, diam. Aenean pellentesque, tellus non faucibus volutpat, eros eros facilisis velit, vel tristique turpis lorem id risus. Donec dictum, velit nec ornare pharetra, velit risus bibendum metus, scelerisque eleifend dui velit hendrerit arcu. Ut condimentum, pede non suscipit ultrices, leo elit varius turpis, vel consectetuer erat arcu tempus est. </td> </tr> </table> </td> <td></td> </tr> <tr style="height: 150px"> <td colspan="3" style="background-image: url('images/background_onder_links.png'); background-color:#445566"></td> <td style="background-image: url('images/background_onder_rechts.png'); background-color:#665544"></td> </tr> </table> </body> </html> |
Je kan ook [code=html][/code] voor kleurtjes gebruiken
[ Voor 3% gewijzigd door een moderator op 02-04-2007 22:35 ]
There is no replacement for displacement!
voel ik me zo noob bij 
, heeft er ook niet veel mee te maken.
:strip_exif()/u/41306/web_anim.gif?f=community)
/u/7685/ruinmytune-60x60.png?f=community)
:strip_icc():strip_exif()/u/14257/timmay.jpg?f=community)
:strip_exif()/u/22670/td_icon2.gif?f=community)
/u/1695/jumpman60.png?f=community)
:strip_icc():strip_exif()/u/171062/crop5e5cd3e9f2764_cropped.jpeg?f=community)
/u/14091/icon.png?f=community){kind=icon}
:strip_icc():strip_exif()/u/5964/crop56503163e97a5.jpeg?f=community)
) dat hij niet te doen is. Op een of andere manier is deze gewoon niet te bouwen.
/u/126415/Webberry_logo2008.png?f=community){kind=logo}
Rubbish.
Hijs nog niet helemaal valid maar dat komt vooral door een vergeten img alt enzo. Wie kan me overigens vertellen waarom het sponsor balkje in Firefox verdwijnt, maar niet in IE en Opera? (En offline in mijn testversie ook niet in Firefox? 
Gaat prima, en de HTML zelf blijft bijzonder clean.
Het alternatief dat ik hierboven gaf is CSS2, en wordt echt niet door IE6 ondersteunt. CSS2 is niet voor de grap ontwikkeld ofzo. Ik gebruik het dagelijks. Vaak kun je met workarounds tot een CSS1 oplossing komen, maar dat vergt extra HTML en/of extra (lelijke) CSS.