IE7 float&clear
Hello again Savenpuistjes 
Ik ben met wat simpele aanpassingen bezig voor Topcats.nl. Ik ben daarom ook gevraagd om de bug onderaan de pagina (alleen in IE7) op te lossen. Maar sinds ik nogal bagger ben met layout en CSS-positioning, kan ik niet echt een oplossing vinden. Ik heb er wel naar gekeken natuurlijk, en ik zie dat het clear gedeelte van het onderste gedeelte niet (goed) werkt, waardoor het toch niet geclear'ed wordt aan de rechterkant.
Ik heb al geprobeerd om simpelweg de htmlcode van het bugblok helemaal onderaan te zetten, maar dan krijg je dus dit.
Heeft 1 van jullie misschien een oplossing of zien jullie wat er anders kan?
Ohja, dit zijn NIET mijn scripts. Ik vind t zelf nogal een kutgescripte site, maar ik ga er geen tijd aan besteden om dat te verbeteren. Ik ben alleen gevraagd om de bug van die designer eruit te halen, en vraag niet waarom hij dat zelf niet doet.
Hier de relevante html/css code:
index.php vanaf het menu (overbodige dingen weggelaten):
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
<div id="maindiv"> <div id="main"> <div id="content"> <div class="contentcontainer"> <h3>Over Topcats</h3> (...) </div> </div> <div id="side"> <div class='aanbieding'> <h2>Roetfilters:</h2>(...) <h2>Contact Informatie:</h2>(...) </div> </div> </div> <!-- Vanaf hier wordt het niet goed weergeven in IE7 --> <p class="hidden">TopCats</p> </div> <div id="footer"> <p><span class="copy">Copyright © 2003-2006 </span><span class="tci"><a href="Topcats algemene voorwaarden.pdf" >Total Cats Insternational | Voorwaarden</a></span></p> <p class="design">design & development: sense-studios.com</p> <!-- En vanaf hier wordt het gewoon goed weergeven --> </div> <div id="indexlink"><a href="index.php"><!-- --></a></div> <div id="numberlink" >(...)</div> <div id="maillink">(...)</div> <div id="faxlink">(...)</div> </div> </body> </html>
Relevante css uit dit bestand:
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
#maindiv {
background: url(../images/main.jpg) top left repeat-y;
}
#main {
width: 771px;
height: 540px;
}
#content {
float: left;
border-right: 1px solid #0E3052;
}
.contentcontainer {
color: #5a5a5a;
border-style: solid;
border-width: 0;
padding: 30px;
padding-left: 35px;
width: 492px;
overflow: hidden;
}
#side {
float: left;
width: 188px;
border-left-style: solid;
border-left-width: 1px;
border-bottom-color: #0e3052;
}
.aanbieding {
padding: 10px;
margin: 1px;
background-color: #f2f9fd;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #0e3052;
}
.hidden {
clear: both;
color: #fff;
text-align: center;
border-right: 1px solid #0E3052;
}
.hidden, #content {
width: 561px;
voice-family: ""}"";
voice-family: inherit;
width: 560px;
}
#footer {
clear: both;
width: 771px;
height: 86px;
background: url(../images/footer.jpg) top left no-repeat;
text-align: right;
}
#footer p {
margin-right: 27px;
padding-top: 12px;
}Met de clear die niet goed geparst werd bedoel ik die uit #footer.
Thx anyway
ff gebumpt. Zou iemand r alsjeblieft ff naar willen kijken? t is belangrijk 
