----- Original Message ----- From: "Stuart Walsh" Sent: Monday, April 07, 2008 5:21 PM Subject: [css-d] Wrapper isn't wrapping!
>I must be making a clumsy, beginner's, mistake somewhere but I just > can't figure out what is the problem. > The CSS validates but isn't working as it should. Here is the page: > http://www.tuningsinthirds.com/cytre/ > and the CSS: > http://www.tuningsinthirds.com/cytre/new.css > I can't get the wrapper div to wrap around everything - the header, > mainNav, content and footer divs. The markup looks very basic but in FF > the wrapper is only wrapping the header. > But in IE it does wrap around the two floated divs, the 'content' and > 'mainNav' but not the footer. > (I've run the W3C html validator and there are indeed some errors - but > I can't make sense of them) > Any advice would be much appreciated. > 04/07/2008 Hello Stuart: First, everywhere you have © - change it to © (add the semi-colon to the end, which is how character entities must be closed). Second, you have an extra </div> closing tag, or a missing <div> opening tag somewhere. Per Jim Davis, the offending tag is the closing </div> tag after the </ul>. Remove that! Then, to deal with the floating #footer p that is taken out of the flow, I think you will either have to add some padding (1px) to the bottom of the wrapper, add a border to the bottom of the wrapper (probably undesirable), or #footer p { text-align : right; /* not float: right; */ font-size : 0.8em; padding-top : 5px; } Note that the #footer {clear: both;} gets the wrapper to enclose the floating #content. That should fix the validator errors and get your wrapper to wrap! Best Regards, Peter www.fatpawdesign.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] 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/
