Question

On my companys website http://www.ensorbuilding.com , the middle content always overlaps the left menu, sometimes the right menu overlaps the other two.

The code looks like this

<aside id="left_menu"></aside>
<section id="content"></section>
<aside id="right_menu"></aside>

I have used many javascript auto height fixes but none of them seem to have worked?

Can anybody shed some light into this?

Thankyou!

Answer 1

Haven’t seen your code but if I made it, I would affect to the three parts (both menus and content) a fixed width.

For instance in CSS:

#left_menu{
float:left;
width:200px
}


#right_menu{
float:left;
width:200px
}


#content{
float:left;
width:600px
}

Elements’ height does not matter for your issue.