Ok I've tried everything I can think of to get rid of the extra space showing up under the banner. It looks fine in IE7, Firefox, and Opera. I've been trying for days to get rid of it. At this point I'm ready to just turn the whole thing into one large table.
www.moratzdesigns.com/rotary/index3.html
www.moratzdesigns.com/rotary/index3.html
-
Re: extra space showing in ie6 only
Sun, June 3, 2007 - 3:37 PMtry resetting margin and padding for .bannerbottom p
-
Re: extra space showing in ie6 only
Mon, June 4, 2007 - 1:02 AMStick a <br> tag after the bantop.jpg
<img src="images/bantop.jpg" alt="rotary banner" width="812" height="124" /><br>
-
Re: extra space showing in ie6 only
Mon, June 4, 2007 - 8:16 AMThis is a problem with the CSS box model in IE6. If you add margins and padding of zero at the top of your CSS file for ALL selectors, you should see that go away. It should look something like this:
* {
margin 0 0 0 0;
padding 0 0 0 0;
}
-
Re: extra space showing in ie6 only
Mon, June 4, 2007 - 4:27 PMThanks for the help. I will try out your suggestions. :) -
-
Re: extra space showing in ie6 only
Mon, June 4, 2007 - 4:35 PMBTW, my suggestion does the exact same as Russ' except that i was more specific about the element. Russ' will reset margins and padding globally which at this point may be undesirable because youll lose the default margins and or padding of elements where you might want them (for instance in the <p> tags in your primary content). Normally if you were near the beginning of development i would suggest this as its easier than dealing with IE6 if you plan for it from the start, but given that youre pretty far along and it seems this is the only particular element and instance of that element you are having trouble with i suggest specifically applying the reset only to that element. If you dont mind spending a bit more time tweaking i would indeed follow Russ' lead though.
-