Robert Lane wrote:
> I am confused.  I am trying to layout a section of content.
> 
> I have a topmast div with some logos, navigation, etc. I have it 
> centered with margin: auto.
> 
> I then  want to have a content area.  I want a total rectangle of 760px 
> wide.  I want to have a div on the left side that will hold some images 
> that are 368px wide.  I want the content to flow down the right side of 
> the space with about 20px of white space on the right and left of the 
> text.  Ideally my content wont be longer than the height of the image 
> but if it is then I want it to wrap over under the image.
> 
> I have div's as follows:
>     <div id=outer_div>
>     <div id ="slides">
>     <div id="content">
> 
> The outer_div wraps both the content and slides div.  So is the right 
> way to do this to float the slides div and put padding=right on it, or 
> how should I structure this to make sure I can get it to lay out correctly?
> ______________________________________________________________________

I would think the only way to get the text in the content div to wrap 
under the image would be to put the image (or the slides div) inside the 
content div

<div id="content">
     <div id="slides"></div>
</div>

and then for the margins, I would first try applying margin-right: 20px; 
  to both the image and the content div. but it might cause you 
box-model issues, to which I would suggest applying the margins to ' 
#content p ' and any other elements you are using in the #content div

hope that helps some,
nat

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/

Reply via email to