Good evening, everyone: My website layout is coming along great thanks to the help a number of you have provided. Things look pretty consistent except in IE7/Win (and probably IE6).
Every browser displays a gap between the page and the top of the browser window, except IE7. For what it's worth, I want the page to show as IE7 displays it, assuming that the masthead image isn't getting cut off. I noticed that if I add a border to the masthead, it moves up on the page; I'm guessing the masthead is where the problem lies, as the containers are not showing any padding on top (could still be a margin, but I set it to 0 already). I added a gray background to every relevant container div; the outermost div has the darkest background. The masthead has a red background which doesn't show, so I'm clueless about why the page is renders as it does. IE7 also shows no padding/margin (I don't know what it is) on top of #sidebar and #rightside, even though every other browser does. I'm not particularly annoyed by that trivial bit, but I'd like to know how I can manipulate that space. I have added a background color to the respective divs so you can see the extra space I'm talking about. http://www.ic.sunysb.edu/clubs/phiota/test/ CSS file: http://www.ic.sunysb.edu/clubs/phiota/test/base.css I'd appreciate some help. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
