4 replies [Last post]
alice24springs
Offline
newbie
Utrecht
Last seen: 7 years 31 weeks ago
Utrecht
Timezone: GMT+2
Joined: 2011-10-07
Posts: 4
Points: 6

Hi,

I'm currently working on a site http://www.test.webpolish.nl

I'm currently testing the site in ie7 and the layout breaks on certain pages like

http://www.test.webpolish.nl/blog-overheid/21-ambtenaren/1-communicatie-maakt-bedrijven-sterk.html

My sidebar is below the main content. I thought it had to do with the float clearing bug for ie7 but even when the sidebar is shorter then the content the layout breaks. Other pages work well by the way.

In my ie7only stylesheet I put:

*:first-child+html .clearfix {
min-height:1px;
}

for clearing the floats that I put on some of my divs.

What else can it be? What am I missing?

Hopefully someone can help.

Thanks in advance

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 9 hours 29 min ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Hi alice24springs, First

Hi alice24springs,
First thing to do if you are having problems is to validate.

w3c validator

alice24springs
Offline
newbie
Utrecht
Last seen: 7 years 31 weeks ago
Utrecht
Timezone: GMT+2
Joined: 2011-10-07
Posts: 4
Points: 6

Solution to problem

Thanks Tony,

I really didn't think of this as I was 99% sure it was an ie7 bug but fortunately it wasn't. It didn't work because with an override for this "page" I made some changes and by mistake replaced the

and

with a div-tag. I wasn't thinking.

I validated the page and saw what was missing. I corrected it and no problem anymore in ie7.

So thanks,

Sandra

klkl932
klkl932's picture
Offline
newbie
london
Last seen: 7 years 30 weeks ago
london
Timezone: GMT+8
Joined: 2011-10-20
Posts: 2
Points: 3

hello

This is a really good read for me, Must admit that you are one of the best bloggers I ever saw.Thanks moncler doudoune homme

neilbearing
neilbearing's picture
Offline
newbie
HK
Last seen: 7 years 28 weeks ago
HK
Timezone: GMT+8
Joined: 2011-10-20
Posts: 3
Points: 3

Reply.

Thank you for your message.