Help with layout...

Hey guys,

Got a bit of a problem with the css layout I’m currently working on…



The menus on the right always overlap when the browser in downsized?

Btw, I need to keep their position fixed

Apart from that the site views okay in IE7, FF and Opera.

Here’s the URL: http://www.wightgame.co.uk/portfolio/

And the css: http://www.wightgame.co.uk/portfolio/mycss.css

Can anyone help

Cheers,

 

Do this...

<style>
#container div{
  float: left;
  }
</style>
<div id="container">
     <div id="left_col">
     </div>
     <div id="mid_col">
     </div>
     <div id="right_col">
     </div>
</div>

Code (markup):

or something like that. Should work, I use something along those lines

 

You have set the center column with a fixed width of 770px. You're also designing for a very large screen res, so even 1024 isn't big enough to fit it in.

 

Thanks mate

Then would I set all the widths to auto?

I'll give it a go!

Cheers.