Compatible with more then 1 screen res?

How can i get my page to work with all the screen resolutions?

Http://www.betterhosting.net/gamepl

If possible, i want the middle table to size with the res, and the two side ones to stay the same size. I built this on 800x600, and that is the only res it'll work on right now, please help.
cdc_sickleAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

TYoungCommented:
When you make your tables, use width="100%" and not width="800" (or whatever).

With this, you might run into some other problems, so just post them, and I'd be glad to help you.
0
cdc_sickleAuthor Commented:
Yeah, i've tried that an ran into plenty of other problems... Here goes...

The two side bars, (left and right) goto the smallest possible sizing possible which screwes up the tables with news gamemenu and hosted sites: it makes that go on two lines. The middle still doesnt size normal any ways.

I have every table sized at 100% except the two side ones that are supposed to be the certain size, here is the urls to the page(s). (Normal and after)

http://www.betterhosting.net/gamepl
This is the first one
http://www.betterhosting.net/gamepl/index2.html
this is the one i changed to 100%

0
TYoungCommented:
Okay, I've downloaded your source, and Im looking into it....
0
The Ultimate Tool Kit for Technolgy Solution Provi

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy for valuable how-to assets including sample agreements, checklists, flowcharts, and more!

cdc_sickleAuthor Commented:
Thanks
0
TYoungCommented:
Okay... I made this temp page:

http://gamepl.compwiz.tzo.com/test2.html

Goto it and tell me whats needs to be changed. I modified it a little, so that the center looks a little better.

BTW, I am using Netscape.
0
cdc_sickleAuthor Commented:
That is exactly the same as mine (first version) except somethings are screwed up a little. The right bar's blue thing doesnt goto the bottom, and your missing the bg picture for the top table
everything else ist he same though....
0
NickRackhamCommented:
Hows this?

<html>

<head>
<title>GamePlanet - v.1.0.2</title>
</head>

<body topmargin="0" leftmargin="0" bgcolor="#000000" link="#808080" vlink="#808080"
alink="#808080" text="#808080">
<div align="left">

<table border="0" width="100%" height="123" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%" height="123" valign="top" background="images/bg.jpg"><a href="index.html"><img
    src="images/logo.jpg" width="216" height="88" alt="GamePlanet" border="0"></a></td>
  </tr>
</table>
</div>

<table border="1" width="100%" style="border: 1px groove rgb(0,99,147)">
  <tr>
    <td width="105" style="border: 2px ridge rgb(0,99,147)"><small><font face="Impact">Game
    Menu:</font></small></td>
    <td width="75%" style="border: 2px ridge rgb(0,99,147)"><small><font face="Impact">News:</font></small></td>
    <td width="105" style="border: 2px ridge rgb(0,99,147)"><small><font face="Impact">Hosted
    Sites:</font></small></td>
  </tr>
  <tr>
    <td width="105" style="border: 2px ridge rgb(0,99,147)">&nbsp;<p><font face="Impact"><small>Planet:</small><br>
    </font><font color="#255378"><small>&nbsp; <small>News</small></small><br>
    <small><small>&nbsp; Reviews</small></small><br>
    <small><small>&nbsp; Files</small></small><br>
    <small><small>&nbsp; FeedBack</small></small><br>
    <small><small>&nbsp; Hosting</small></small><br>
    <small><small>&nbsp; Contact</small></small><br>
    <small><small>&nbsp; Links</small></small><br>
    <small><small>&nbsp; Advertising</small></small></font></p>
    <p><font face="Impact" color="#808080"><small>Game:</small><br>
    </font><font color="#255378"><small><small>&nbsp; Quake3Arena</small></small><br>
    <small><small>&nbsp; Unreal Tourn.</small></small><br>
    <small><small>&nbsp; Jedi Knights</small></small><br>
    <small><small>&nbsp; Quake2</small></small><br>
    <small><small>&nbsp; Rainbow 6</small></small><br>
    <small><small>&nbsp; New Game</small></small></font></td>
    <td width="75%" style="border: 2px ridge rgb(0,99,147)">&nbsp;<p><small><font face="Impact">GamePlanet
    announces v.1.0.2&nbsp; </font><font color="#255378"><small>submitted by: Sickle</small></small><br>
    <small><small>&nbsp;&nbsp;&nbsp;&nbsp; </small>Welcome to GamePlanet, check here for news,
    and check the sides for all the sections of game planet.</small><br>
    <small>&nbsp;&nbsp;&nbsp;&nbsp; We are determained to be your number 1 source for gameing
    information. Our site will have all.</small></font></p>
    <p><small><font face="Impact" color="#808080">GamePlanet: v.1.0.1 just released </font><font
    color="#255378"><small>submitted by: Sickle</small></small><br>
    <small><small>&nbsp;&nbsp;&nbsp;&nbsp; </small>Releasing new updated designs for team
    members. Although no one can see this... its good to have so </small><br>
    <small>&nbsp;&nbsp;&nbsp;&nbsp; i can see how things look with this design. Next update
    should fix the screen res problem, and add stuff</small><br>
    <small>&nbsp;&nbsp;&nbsp;&nbsp; to the menus. We will have 1 banner at top, but it will be
    game related, with other people's sites.</small></font></td>
    <td width="105" style="border: 2px ridge rgb(0,99,147)"><font face="Impact"><small>Planet:</small><br>
    </font><font color="#255378"><small><small>&nbsp; JFiles</small></small><br>
    <small><small>&nbsp; Q3Planet</small></small><br>
    <small><small>&nbsp; Q3Map</small></small><br>
    <small><small>&nbsp; Q3Skin</small></small><br>
    <small><small>&nbsp; UTFiles</small></small><br>
    <small><small>&nbsp; Q3File</small></small></font></td>
  </tr>
</table>
</body>
</html>

Not sure if the colours are right but it resizes to at 640 x 480, 800 x 600 and 1024 x 768 in IE5 and NS 4.7

Regards

Nick
0
cdc_sickleAuthor Commented:
Well, its good and how i wanted it, except, in the middle and right menu's, there is a block, a big one, and i cant make it dissappear, so it pushes the text down a lot, how do i fix?
0
NickRackhamCommented:
Try this instead,

<head>
<title>GamePlanet - v.1.0.2</title>
</head>

<body topmargin="0" leftmargin="0" bgcolor="#000000" link="#808080" vlink="#808080"
alink="#808080" text="#808080">
<div align="left">

<table border="0" width="100%" height="123" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%" height="123" valign="top" background="images/bg.jpg"><a href="index.html"><img
    src="images/logo.jpg" width="216" height="88" alt="GamePlanet" border="0"></a></td>
  </tr>
</table>
</div>

<table border="1" width="100%" style="border: 1px groove rgb(0,99,147)">
  <tr>
    <td width="105" style="border: 2px ridge rgb(0,99,147)"><small><font face="Impact">Game
    Menu:</font></small></td>
    <td width="75%" style="border: 2px ridge rgb(0,99,147)"><small><font face="Impact">News:</font></small></td>
    <td width="105" style="border: 2px ridge rgb(0,99,147)"><small><font face="Impact">Hosted
    Sites:</font></small></td>
  </tr>
  <tr>
    <td width="105" style="border: 2px ridge rgb(0,99,147)"><font face="Impact"><small>Planet:</small><br>
    </font><font color="#255378"><small>&nbsp; <small>News</small></small><br>
    <small><small>&nbsp; Reviews</small></small><br>
    <small><small>&nbsp; Files</small></small><br>
    <small><small>&nbsp; FeedBack</small></small><br>
    <small><small>&nbsp; Hosting</small></small><br>
    <small><small>&nbsp; Contact</small></small><br>
    <small><small>&nbsp; Links</small></small><br>
    <small><small>&nbsp; Advertising</small></small></font><p><font face="Impact"
    color="#808080"><small>Game:</small><br>
    </font><font color="#255378"><small><small>&nbsp; Quake3Arena</small></small><br>
    <small><small>&nbsp; Unreal Tourn.</small></small><br>
    <small><small>&nbsp; Jedi Knights</small></small><br>
    <small><small>&nbsp; Quake2</small></small><br>
    <small><small>&nbsp; Rainbow 6</small></small><br>
    <small><small>&nbsp; New Game</small></small></font></td>
    <td width="75%" style="border: 2px ridge rgb(0,99,147)" valign="top"><small><font
    face="Impact">GamePlanet announces v.1.0.2&nbsp; </font><font color="#255378"><small>submitted
    by: Sickle</small></small><br>
    <small><small>&nbsp;&nbsp;&nbsp;&nbsp; </small>Welcome to GamePlanet, check here for news,
    and check the sides for all the sections of game planet.</small><br>
    <small>&nbsp;&nbsp;&nbsp;&nbsp; We are determained to be your number 1 source for gameing
    information. Our site will have all.</small></font><p><small><font face="Impact"
    color="#808080">GamePlanet: v.1.0.1 just released </font><font color="#255378"><small>submitted
    by: Sickle</small></small><br>
    <small><small>&nbsp;&nbsp;&nbsp;&nbsp; </small>Releasing new updated designs for team
    members. Although no one can see this... its good to have so </small><br>
    <small>&nbsp;&nbsp;&nbsp;&nbsp; i can see how things look with this design. Next update
    should fix the screen res problem, and add stuff</small><br>
    <small>&nbsp;&nbsp;&nbsp;&nbsp; to the menus. We will have 1 banner at top, but it will be
    game related, with other people's sites.</small></font></td>
    <td width="105" style="border: 2px ridge rgb(0,99,147)" valign="top"><font face="Impact"><small>Planet:</small><br>
    </font><font color="#255378"><small><small>&nbsp; JFiles</small></small><br>
    <small><small>&nbsp; Q3Planet</small></small><br>
    <small><small>&nbsp; Q3Map</small></small><br>
    <small><small>&nbsp; Q3Skin</small></small><br>
    <small><small>&nbsp; UTFiles</small></small><br>
    <small><small>&nbsp; Q3File</small></small></font></td>
  </tr>
</table>
</body>
</html>


Regards

Nick
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
cdc_sickleAuthor Commented:
Thanks man, can i get your email, just incase i run into any other problems?
0
NickRackhamCommented:
No Problem.

nick_rackham@msn.com

Regards

Nick

Happy New Year
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.