Forums / Basic Configuration / white space in IE, not in Firefox

white space in IE, not in Firefox

Locked

Started by dockery on 3 Aug 2006, 3:59 AM · Views: 6,599

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
3 Aug 2006, 3:59 AM
#1
dockery avatar

dockery

New Zenner

Join Date:
Aug 2006
Posts:
4
Plugin Contributions:
0

white space in IE, not in Firefox

I have been struggling with overrides for about 2 weeks, and cannot seem to fix a certain issue with white space.

Between my header area and left column area, a white space appears in IE. I can't seem to get rid of it. I tried commenting out lines which seemed to cause the problem, but it has no effect. IS this common?

view at:

http://www.mazelandglick.com/cart%20files/index.php

This space does not show in firefox, only in IE
thanks in advance.

3 Aug 2006, 9:07 AM
#2
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: white space in IE, not in Firefox

Nice elegant layout, a shame you've used a horrible tables based layout to achieve it.

Yes this problem is common. Your description is right on the button as it is widely known in web design circles as the IE Whitespace Bug. Personally I think that there are several IE Whitespace Bugs, but I won't bore you with that here.

There are various solutions, OK workarounds. Your site lends itself nicely to the following. Find the the styling in your stylesheet.css for #contentMainWrapper and add "margin-top:-2px" to it.

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)

3 Aug 2006, 12:00 PM
#3
dockery avatar

dockery

New Zenner

Join Date:
Aug 2006
Posts:
4
Plugin Contributions:
0

Re: white space in IE, not in Firefox

Yes,

definately a whitespace bug. Negative pixels worked like a charm!
Much appreciative.