Forum Moderators: not2easy

Message Too Old, No Replies

Horizontal Wrapping

Obj wider than viewport, parent div's won't wrap

         

verenea

7:43 pm on Jan 7, 2009 (gmt 0)

10+ Year Member



Was wondering if it is possible to force the parent div's here to wrap the children.

If anyone has a chance, there is code below you can paste real quick and see.

There is a "perpetrator" div that should be assumed to be wider than a client's browser viewport / monitor res.. so I am attempting to get the content, child, parent div's to properly wrap the innermost perpetrating div.

Thanks

-----------------------------

<style type="text/css">
body {margin:0; padding:0; font:normal 0.95em/1.1 Georgia, serif;}

#parent { padding:10px; background:#D3EEB9; border:1px solid #73B134; /*green*/}

#child { padding:20px; background:#FEF4CF; border:1px dotted #CC9900; /*orange*/}

#content { padding:8px; padding:20px; background:#f5f5f5; border:1px solid #ddd; /*grey*/}

#perpetrator { float:left; background:#FEE2E6; border:1px solid red; }

.clear {clear:both;}
</style>

<body>

<div id="parent">
{parent}<br /><br />

<div id="child">
{child}<br /><br />

<div id="content">
{content}<br /><br />
<div id="perpetrator">{perpatrator} helloasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfadsfadsfasdfasdfasdfasdfasdfasdfadsfasdfadsfadsfadsfadsfadsfadsfasdfasasdfasdfasdfasdfasdfadsfdfasdfasdfadsf</div>
<div class="clear"></div>
</div>

</div><!-- end child -->
</div><!-- end parent -->

</body>

quartzy

1:48 am on Jan 11, 2009 (gmt 0)

10+ Year Member



I notice you have not set any widths for your divs. If you did, it would be easier to ensure they fit inside each other