Hi
I have the following page (<!-- m --><a class="postlink" href="http://www.rigadon.com/toopa">http://www.rigadon.com/toopa</a><!-- m -->) - I suspect already you can see what I am going to ask?! I've floated the sidebar to the right, but this means the containing div ignores it when determining its own size. How can I align the sidebar on the right and still have the containing div encompass it?
Also - if anyone has browsers other than Firefox and IE could they have a look at this page and tell me if it appears correctly?
Thanks
JayAdd this: </div>
<div style="clear:both;"></div>
</div>
<div id="footer">
and minor adjustmentshtml, body {margin:10px; padding:0;}
form {margin:0;}
ok in IE6, FF and OperaThanks Fang - I also found this rather nice fix which doesn't require adding any extra divs:
<!-- m --><a class="postlink" href="http://www.positioniseverything.net/easyclearing.htmlThat">http://www.positioniseverything.net/eas ... g.htmlThat</a><!-- m --> solution relies on a hack, not to be recomended.
Look at this solution (<!-- m --><a class="postlink" href="http://www.quirksmode.org/css/clearing.html">http://www.quirksmode.org/css/clearing.html</a><!-- m -->)Strange - that just seemed to mess things up! All the widths get messed up and things still overlap!This works:<div id="main" style="overflow:auto;height:100%;">
I have the following page (<!-- m --><a class="postlink" href="http://www.rigadon.com/toopa">http://www.rigadon.com/toopa</a><!-- m -->) - I suspect already you can see what I am going to ask?! I've floated the sidebar to the right, but this means the containing div ignores it when determining its own size. How can I align the sidebar on the right and still have the containing div encompass it?
Also - if anyone has browsers other than Firefox and IE could they have a look at this page and tell me if it appears correctly?
Thanks
JayAdd this: </div>
<div style="clear:both;"></div>
</div>
<div id="footer">
and minor adjustmentshtml, body {margin:10px; padding:0;}
form {margin:0;}
ok in IE6, FF and OperaThanks Fang - I also found this rather nice fix which doesn't require adding any extra divs:
<!-- m --><a class="postlink" href="http://www.positioniseverything.net/easyclearing.htmlThat">http://www.positioniseverything.net/eas ... g.htmlThat</a><!-- m --> solution relies on a hack, not to be recomended.
Look at this solution (<!-- m --><a class="postlink" href="http://www.quirksmode.org/css/clearing.html">http://www.quirksmode.org/css/clearing.html</a><!-- m -->)Strange - that just seemed to mess things up! All the widths get messed up and things still overlap!This works:<div id="main" style="overflow:auto;height:100%;">