Ian Young wrote: > This is follow up to a previous post. > > I have rebuilt the page div by div. Used borders to check where everything > was. >
Oops! Now you know not to do that in the future. Use background colors instead. Never, ever use border to debug, because they affect layout. You can use outlines instead of backgrounds, but IE doesn't support these. > everything working and all browsers like. > > Removed/commented out borders for live page and yikes, wrapper dropped down > taking background picture with it! > Because when you take out the borders, you allow touching vertical margins to collapse. Read the resources on this page: http://css-discuss.incutio.com/?page=CollapsingMargin > here is how it looks with wrapper{border-top:etc} > http://www.iyesolutions.co.uk/templates/new-dol/home-testc.html > Here is how it looks with wrapper{/*border-top:etc*?} > > http://www.iyesolutions.co.uk/templates/new-dol/home-testca.html > I don't have time right now to track down the styles that are causing the misalignment, but I did note that your layout is overly complicated. You have a lot of extra nested divs that I can't tell what they're doing, and you're trying to float and absolutely position things at the same time, which can't be done (the absolute positioning trumps the floating). I suggest learning more about document flow, positioning, and floating, and using these newfound pieces of knowledge to restructure your page. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
