Can floating DIVs make content area expand automatically?

Discussion in 'CSS' started by sivltd, May 8, 2008.

0
  1. #1
    Hi everyone.

    I've just started messing around with YUI and CSS for one of our websites:

    http://www.sivltd.com/hillsboroughleisurecentrenew/

    As you can see, the draggable content modules are "overlapping" the bottom part of the template.

    My question is... do you guys know how I could style the DIVs so that they push the bottom part of the template down so the bottom menu is always visible? I've tried a few things (shots in the dark, really), but none of them had the desired effect.

    Any help would be immensely appreciated.


    Cheers,
    Jeremy
     
    sivltd, May 8, 2008 IP
  2. yzone_asginc

    yzone_asginc Banned

    Messages:
    311
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #2
    use columns as divs instead of tables

    float them to left then after the last div create a div and clear both its sides.


    eg.
    HTML

    
<div id="container">
<div class-"column">Column 1</div>
<div class-"column">Column 2</div>
<div class-"column">Column 3</div>
<div class="clear"></div>
</div>
    HTML:
    CSS

    
<style>
.column {
float: left;
width: 200px;
margin-left: 10px;
}

.clear {
clear: both;
}
</style>
    HTML:
     
    yzone_asginc, May 8, 2008 IP