Forum Moderators: open

Message Too Old, No Replies

What will happen at 1600 screen resolution

Woke up in a panic about my new site!

         

georgiek50

6:17 pm on Mar 19, 2004 (gmt 0)

10+ Year Member



After three months of working on my new website I woke up in a state of panic today. I am getting ready to go live with this site in a few days when I realized that things could be quite screwed up.

The layout of my site consists of three tables each 749 pixels in width like so:

header (table width 749px no linebreak after it)
body (table width 749px no linebreak after it)
footer (table width 749px)

On my 1024x768 monitor the tables align themselves nicely, but I was thinking what happens if a person has a resolution of 1600. Would I get this effect:

header body
footer

Then I thought that I could put a little javascript to check the resolution of the visitor and a line break if necessary. Is it safe to assume that someone having a resolution as high as that would also not disable javascript from their browser? Is there another workaround for this (without changing the layout of the entire site!)

Thanks in advance.

hyperbole

6:27 pm on Mar 19, 2004 (gmt 0)

10+ Year Member



Rather than resorting to JavaScript to handle your layout, place a small div with "width: 100%; clear: both" between the tables and that should guarentee that the tables will line up top to bottom.

georgiek50

6:35 pm on Mar 19, 2004 (gmt 0)

10+ Year Member



That's not a bad thought, but I since I don't want the witdth to actually be exactly 749px that probably wouldn't work, correct?

I thought of another technique, I tested it out and it looks fine on the browsers I've tried to so far.

Since this is a PHP page the header and footer are printed via function calls. I put a table at the beginning of the page and closed it at the end. This way everything is wrapped nicely inside one big table.

Btw...where can I get my hands on old browser versions to test the layout?

tombola

8:45 pm on Mar 19, 2004 (gmt 0)