Link to home
Start Free TrialLog in
Avatar of cdc_sickle
cdc_sickle

asked on

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.
Avatar of TYoung
TYoung

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.
Avatar of cdc_sickle

ASKER

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%

Okay, I've downloaded your source, and Im looking into it....
Thanks
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.
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....
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
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?
ASKER CERTIFIED SOLUTION
Avatar of NickRackham
NickRackham

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Thanks man, can i get your email, just incase i run into any other problems?
No Problem.

nick_rackham@msn.com

Regards

Nick

Happy New Year