HTML Forum

**houdini987** · 03-12-2007, 08:04 AM

The site I'm working on is:
http://shape.trudeauconsulting.com
(just a draft site, in the very early stages)

I have a 800px wide background image that I'm aligning to the top-right. If you go to the site you'll see why - there's a big white arrow going up the left side and across the top. I want to put my menu bar down the side of that white strip, and keep the content in the blue area (middle of the screen).

If I view the page in 1024x768 mode, I could set my table dimensions to make it all fit in perfectly, but that's not the way the world works. Not everyone runs in this mode, and not everyone has their screen maximized.

Still new to some of this, can someone explain how I can read in the screen resolution and dynamically set my column widths based on that info? I'm sure this has been covered but hoping to get some help.

If you have examples, even better.

Thanks much!

**ADAM Web Design** · 03-12-2007, 01:43 PM

What if you just made a fixed-width site and flushed everything to the right to coincide with your background image?

e.g.

Code:

#wrapper {
     float:  right;
     width:  760px;
     margin:  0;
     padding:  0;
}
#wrapper-clear {
     clear:  right;
}

...

Code:

<body>
<div id="wrapper">
The rest of your site goes in here.
</div>
<div id="wrapper-clear"></div>
</body>

**MysteryLeo** · 03-14-2007, 12:31 AM

search for quirksmode. they have a good table onthis. i found it is different on differnt browsers.

i personally hate sites that are not centered. why use fixed widths?

**houdini987** · 03-15-2007, 09:10 AM

Thanks! I didn't know about the float property so I'll give that a shot.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!