Hello Sara, > Date: Sun, 12 Jul 2009 22:37:05 -0700 > From: "Sara Ullman" <sa...@speakeasy.net> > Subject: [css-d] unwanted horizontal gap in page > To: <css-d@lists.css-discuss.org> > Message-ID: <001a01ca037b$f546d080$dfd471...@net> > Content-Type: text/plain; charset="us-ascii" > > I have been unable to figure out why there is a horizontal gap in my page > that allows the background to show through. It appears below the main nav at > the top of the page (top of the burgundy area). Here is the URL: > http://quiglitzin.com/index.php. I already tried setting the top margin to 0 > on the ul as someone suggested but that didn't help. The #nav ul margin and > padding was already set to 0. I will leave this page a alone for a while to > give everyone who wants to enough time to take a look. Thanks! > > - Sara
Wow, this is a good one. At first I thought it was an improper nesting of divs, but that's cleaned up and the gap remains. One clue - the developer tools built into Opera state that the first div class="homecontent" ends at 65px and the div id="photonavbox" begins at 75px from the top. I couldn't see why. I would try a simplified style sheet containing ONLY the rules directly applicable to your desired finished presentation of THAT page, to see if the gap might be an artifact of some obscure interaction of rules that is not being screened out by inheritance and selectivity. For the testing, it could help to isolate influences if you used unique ids for those two "homecontent" divs rather than sharing a class. If it looks good then, you could add back the other rules to see if you can spot where the gap originates. -- good luck, Mark ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
