[roya]

Hello

I am hoping some-one will be able to help me. I have developed a website and it displays correctly in IE8/9, Firefox, Safari, and chrome but when viewed in IE7 there is loads of whitespace at the bottom before the footer. It is driving me insane trying to work out how to solve it. I am a novice at designing websites and therefore not very good at understanding all the terminology. I would be really grateful if someone could help please. This happens on half the pages of the website but the other half are fine.

www.williamsandcummings.co.uk.

many thanks

[roothost]

All the &nbsp probably doesn't help. Try removing those and using CSS to style margins and paddings.

Attached File(s)

•  Image1.jpg (111.85K)
  Number of downloads: 6

[roya]

roothost, on 01 June 2011 - 09:37 PM, said:

All the &nbsp probably doesn't help. Try removing those and using CSS to style margins and paddings.

thank you for the reply

if i remove all those it fixes the IE7 but then messes it all up for the other browsers...

[mteam]

Like roothost said remove all the <p>&nbsp;</p>

and add clear:both; to your footer css

I'd add a css reset and then adjust padding to suit

[roya]

sorry your probably going to be sick of me by the time i work this out

i added the clear:both to footer and changed it on my server, i then took out all the <p>&nbsp;</p> and my footer shot up to the top of the page (viewing in IE9 and firefox). If i add padding to my content/body div tags would that prevent the footer from going to the top of the page? it is resting under the header.

thank you again for all your help it is much appreciated.

[roya]

Just want to say a HUGE thank you to you both.... re-uploaded css stylesheet and uploaded www.williamsandcummimgs.co.uk/index2.html as a practice so that website was not affected whilst making changes and it worked!!!! after months of trying to figure it out, you solved my problem so quickly....

thanks so much