[sammyk]

I'm really new to Web Design. I've been going back and forth between different layouts but I'm not sure which is right for me. My website had a 200px width box which is to the left and it stretches across the whole page. Inside that box is my menu options and logo. The rest of the page is another box that takes up the rest of the screen with content.

My question now is which do you think is more appropriate for this. I know fixed and fluid layouts have pros and cons but I want the content and images to be as one when someone zoom in and out or uses different resolutions.

Thank you so much.

[mantis]

Are you sure you mean 200px? That would hardly strech across the page. Or did you mean height? Could you give us a screenshot?

[sammyk]

mantis, on 21 January 2012 - 08:37 PM, said:

Are you sure you mean 200px? That would hardly strech across the page. Or did you mean height? Could you give us a screenshot?

Here's a screenshot of what i have so far. Basically when you click something in the navBar, the content will appear in another white/grey box that takes up the whole right side. I want the left box to be fixed so when you scroll the content it doesn't move.

Attached File(s)

•  sS.png (807.18K)
  Number of downloads: 12

[sash_oo7]

<div class="container">
<div class="content">
<div class="left_col"></div>
<div class="right_col"></div>
</div><!--content-->
<div class="footer"></div>
</div><!--container-->

.container{width:960px;
margin:0 auto;}
.content{width:100%;overflow:hidden;}
.right_col{
width:700px;
margin:0;
padding:0;
float:left;
min-height:600px;
background:orange;
{
.left_col{width:200px;
margin:0;
padding:0;
float:left;
position:fixed;
min-height:600px;
background:pink;
}
.footer{width:100%;margin:0;padding:10px;background:grey;height:80px;}

This post has been edited by sash_oo7: 21 January 2012 - 10:44 PM