On Jul 13, 2009, at 2:37 PM, Sara Ullman wrote: > 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!
That is a bit of a classic :-). What you see is margin-collapse- through in action. The gap is caused by the top margin on the child ul (#photonav). A couple of options to resolve this: 1. set that top margin to '0' and use padding instead 2. give on of the two parent divs a 1px padding-top. That will prevent the margin on the <ul> to collapse through the two divs (you can also use a 1px border-top). Philippe --- Philippe Wittenbergh http://l-c-n.com/ ______________________________________________________________________ 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/
