>I have put a 665px wrapper (div="container") around the content to create a layout. There is a div
("nav") containing the
>navigation menu and section heading on top, with the gallery and the div containing the text column
("r-mat") following the
>"nav" div. I then floated the section heading within the "nav" div, and floated the "r-mat" div, so
that both should line up.
> Everything works in Win FF except for the
>section heading. That floats right _outside_ of the 665px "container" div.
>The page is http://monellphoto.com/test/services.html
>The css is http://monellphoto.com/test/objects/monellstyle.css
Actually, the section heading (the H1) does not float out of the container. Put a background color
on the container to see that it floats all the way to the right edge of the container, exactly where
you've asked it to go.
The problem is that your r-mat div is getting caught on the default bottom margin of that H1 element
and is not able to float all the way to the right as you have specified. If you remove the bottom
margin from the H1, or add a clear: right to r-mat, you'll see what I'm talking about. The r-mat div
will join the H1 at the right edge of the container.
Once you have r-mat where it should be resting based on your code, you will need to margin both
elements into the spots you want them to be. You may need to rethink how you've placed them in their
spots in the first place, or perhaps narrow your container if margining doesn't provide you with the
look you want.
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/