David
3rd Sep 2008, 05:42 pm
I need help. I'm right out of ideas on this one.
So, after years of neglect, I've relaunched my personal website (www.davidwatson.info (http://www.davidwatson.info)) and I've tried to make it an exemplar in terms of coding etc. (XHTML 1.0 Strict, semantic coding...). But I have one problem that is really bugging me and I can't find a solution.
In various places on the site I am using floats to force images left or right and have the text flow round them like this...
http://websitearchitecture.co.uk/watson/postimages/dw.png
This is a technique I've used loads of times and it works well. The problem I have is that IE7 insists on clearing the floats when it prints the page, like this...
http://websitearchitecture.co.uk/watson/postimages/dwpp.png
...resulting in blocks of whitespace.
IE7 is the only browser to do this. FF, Opera and Safari all print it correctly. Also, IE7 prints other websites where I have used the same technique correctly, so it has to be something to do with this website.
Any ideas?!?
So, after years of neglect, I've relaunched my personal website (www.davidwatson.info (http://www.davidwatson.info)) and I've tried to make it an exemplar in terms of coding etc. (XHTML 1.0 Strict, semantic coding...). But I have one problem that is really bugging me and I can't find a solution.
In various places on the site I am using floats to force images left or right and have the text flow round them like this...
http://websitearchitecture.co.uk/watson/postimages/dw.png
This is a technique I've used loads of times and it works well. The problem I have is that IE7 insists on clearing the floats when it prints the page, like this...
http://websitearchitecture.co.uk/watson/postimages/dwpp.png
...resulting in blocks of whitespace.
IE7 is the only browser to do this. FF, Opera and Safari all print it correctly. Also, IE7 prints other websites where I have used the same technique correctly, so it has to be something to do with this website.
Any ideas?!?