... but i can't seem to figure it out...
<!-- m --><a class="postlink" href="http://merlins-realm.co.uk/">http://merlins-realm.co.uk/</a><!-- m -->
the page is displayed fine in IE, but in FF my wrapper does not seem to wrap around me leftcol and rightcol divs
any help would be much appreciated, also, if the css could do with tidying up, let me know. advice is exactly wot i'm after so yea, i'm all ears..
thnx in advanceIE wrongly automatically expands the container. You need to make the bottom of the container clear the bottoms of the elements it contains. I recommend Paul O'Brien's and Tony Aslett's approaches.
<!-- m --><a class="postlink" href="http://garyblue.port5.com/webdev/floatdemo.html">http://garyblue.port5.com/webdev/floatdemo.html</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.csscreator.com/attributes/containedfloat.php">http://www.csscreator.com/attributes/containedfloat.php</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.positioniseverything.net/easyclearing.html">http://www.positioniseverything.net/easyclearing.html</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.quirksmode.org/css/clearing.html">http://www.quirksmode.org/css/clearing.html</a><!-- m -->
<!-- m --><a class="postlink" href="http://css-discuss.incutio.com/?page=ClearingSpacei">http://css-discuss.incutio.com/?page=ClearingSpacei</a><!-- m --> don't know if i've done this right, but it seems to display right in both the browsers in question...
thanks for the input, kravvitz, tho with that many options it can kinda get confusing...
wot i changed was in the wrappera div... i added overflow:auto;
if this is not the right way to do this i'd appreciate any advice... thanksYou're welcome
overflow:auto is Paul O'Brien's approach. The only major drawback to using it is that you can't specify a height on the element that has that set or you will get scrollbars sometimes.ah right, that's not a problem then for me.
thnx again
<!-- m --><a class="postlink" href="http://merlins-realm.co.uk/">http://merlins-realm.co.uk/</a><!-- m -->
the page is displayed fine in IE, but in FF my wrapper does not seem to wrap around me leftcol and rightcol divs
any help would be much appreciated, also, if the css could do with tidying up, let me know. advice is exactly wot i'm after so yea, i'm all ears..
thnx in advanceIE wrongly automatically expands the container. You need to make the bottom of the container clear the bottoms of the elements it contains. I recommend Paul O'Brien's and Tony Aslett's approaches.
<!-- m --><a class="postlink" href="http://garyblue.port5.com/webdev/floatdemo.html">http://garyblue.port5.com/webdev/floatdemo.html</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.csscreator.com/attributes/containedfloat.php">http://www.csscreator.com/attributes/containedfloat.php</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.positioniseverything.net/easyclearing.html">http://www.positioniseverything.net/easyclearing.html</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.quirksmode.org/css/clearing.html">http://www.quirksmode.org/css/clearing.html</a><!-- m -->
<!-- m --><a class="postlink" href="http://css-discuss.incutio.com/?page=ClearingSpacei">http://css-discuss.incutio.com/?page=ClearingSpacei</a><!-- m --> don't know if i've done this right, but it seems to display right in both the browsers in question...
thanks for the input, kravvitz, tho with that many options it can kinda get confusing...
wot i changed was in the wrappera div... i added overflow:auto;
if this is not the right way to do this i'd appreciate any advice... thanksYou're welcome
overflow:auto is Paul O'Brien's approach. The only major drawback to using it is that you can't specify a height on the element that has that set or you will get scrollbars sometimes.ah right, that's not a problem then for me.
thnx again