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.