Sent by Peter Hyde-Smith on 8 April 2008 00:12
----- 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-REMOVED]]
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/
