Ik ben bezig met het bouwen van mijn website, maar ik loop tegen een probleempje aan. De tekst op de pagina's van mijn website http://www.kempeneersmultimedia.nl/test passen precies op de standaardgrootte van de pagina. Behalve de portfoliopagina. Het is de bedoeling dat het middelste witte gedeelte gewoon langer wordt, zodat alles erin past, en de footer dus naar beneden verschuift. Nu gaat dit met mijn huidige script wel goed in IE6, maar niet in IE7. Daar loopt de footer over de tekst heen. Ook in FF wordt dit zo weergegeven. Wie kan mij hierbij helpen? Ik heb al van alles geprobeerd, maar ik kom er echt niet uit.
Hieronder mijn scripts van de CSS en de Portfoliopagina.
Hieronder mijn scripts van de CSS en de Portfoliopagina.
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
| body {
font-family:Verdana;
font-size:12px;
color:#00074f;
background-image:url(images/bgcolor.jpg)
}
#container {
border:2px solid #3c9dd0;
margin-left:auto;
margin-right:auto;
width:800px;
}
#kop {
position:relative;
height:173px;
background-image:url("images/header.jpg");
}
#inhoud {
padding-left:20px;
text-align:justify;
position:relative;
height:503px;
}
#tekst {
float:left;
position:relative;
height:503px;
width: 550px;
}
#tekst_portfolio {
float:left;
position:relative;
height:425px;
width: 550px;
}
#menu {
float:right;
position:relative;
height:503px;
width:140px;
}
#footer {
padding-left:20px;
position:relative;
height:90px;
background-image:url("images/footer.jpg");
}
a:link {
color:#000000;
text-decoration:none;
}
a:active {
color:#000000;
text-decoration:underline;
}
a:visited {
color:#000000;
text-decoration:none;
}
a:hover {
color:#000000;
text-decoration:underline;
}
img {
border:0;
} |
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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Kempeneers Multimedia</title>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<meta http-equiv="imagetoolbar" content="no">
</head>
<body>
<div id="container">
<div id="kop"></div>
<div id="inhoud">
<br /><br /><br /><br />
<div id="tekst_portfolio">
<font style="font-weight:Verdana; font-size:18px; color:#379bcf;">Portfolio</font>
<br /><br />
<table width="100%" border="0">
<tr>
<td>
In de achterliggende tijd hebben wij onder andere de websites voor onderstaande verenigingen en bedrijven gerealiseerd. Uw website ook hierbij? Neem dan contact op met ons voor een uitgebreid advies over het laten bouwen van uw website.
<br /><br /><br />
<center>
<table width="500px" border="1" bordercolor="#379bcf">
<tr>
<td>
<table border="0">
<tr>
<td width="20px">
</td>
<td width="175px">
<br />
<a href="./images/siteeffective.jpg" rel="lightbox[roadtrip]"><img src="./images/siteeffective_small.jpg" style="border: solid 1px #379bcf;"></a>
<br />
</td>
<td width="20px">
</td>
<td width="305px">
<a style="color: #00074f;" a href="http://www.effective-vof.com" target="blank"><b>Effective VOF</b></a>
<br /><br />
<a style="color: #00074f;" a href="http://www.effective-vof.com" target="blank">www.effective-vof.com</a>
</td>
<td width="20px">
</td>
</tr>
</table>
</td>
</tr>
</table>
<br /><br />
<table width="500px" border="1" bordercolor="#379bcf">
<tr>
<td>
<table border="0">
<tr>
<td width="20px">
</td>
<td width="175px">
<br />
<a href="./images/sitebrandweer.jpg" rel="lightbox[roadtrip]"><img src="./images/sitebrandweer_small.jpg" style="border: solid 1px #379bcf;"></a>
<br />
</td>
<td width="20px">
</td>
<td width="305px">
<a style="color: #00074f;" a href="http://www.brandweer-sintphilipsland.nl" target="blank"><b>Brandweer Sint Philipsland</b></a>
<br /><br />
<a style="color: #00074f;" a href="http://www.brandweer-sintphilipsland.nl" target="blank">www.brandweer-sintphilipsland.nl</a>
</td>
<td width="20px">
</td>
</tr>
</table>
</td>
</tr>
</table>
<br /><br />
<table width="500px" border="1" bordercolor="#379bcf">
<tr>
<td>
<table border="0">
<tr>
<td width="20px">
</td>
<td width="175px">
<br />
<a href="./images/siteheemkunde.jpg" rel="lightbox[roadtrip]"><img src="./images/siteheemkunde_small.jpg" style="border: solid 1px #379bcf;"></a>
<br />
</td>
<td width="20px">
</td>
<td width="305px">
<a style="color: #00074f;" a href="http://www.sint-philipsland.nl" target="blank"><b>Heemkundekring Philippuslandt</b></a>
<br /><br />
<a style="color: #00074f;" a href="http://www.sint-philipsland.nl" target="blank">www.sint-philipsland.nl</a>
</td>
<td width="20px">
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
<br /><br />
</div>
<div id="menu">
<a href="./index.php"><img src="./images/home.jpg" border="0"></a><br />
<a href="./webdesign.php"><img src="./images/webdesign.jpg" border="0"></a><br />
<a href="./fotografie.php"><img src="./images/fotografie.jpg" border="0"></a><br />
<a href="./portfolio.php"><img src="./images/portfolio.jpg" border="0"></a><br />
<a href="./contact.php"><img src="./images/contact.jpg" border="0"></a><br />
</div>
</div>
<div id="footer">
<br />
<font face="Verdana" size="-2"><b>
Wilhelminastraat 59 <br />
4675 BS Sint Philipsland <br />
T +31 (0)622 597 790 <br />
E info@kempeneersmultimedia.nl <br />
W www.kempeneersmultimedia.nl
</b></font> </div>
</div>
<center>
<font face="Verdana" size="-3" color="#00074f">
All rights reserved - © 2008 - <a style="color: #00074f;" a href="http://www.kempeneersmultimedia.nl">Kempeneers Multimedia</a>
</font>
</center>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-3824231-1";
urchinTracker();
</script>
</body>
</html> |