?
Solved

Compatible with more then 1 screen res?

Posted on 1999-12-30
11
Medium Priority
?
139 Views
Last Modified: 2010-04-09
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.
0
Comment
Question by:cdc_sickle
  • 5
  • 3
  • 3
11 Comments
 
LVL 3

Expert Comment

by:TYoung
ID: 2315000
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
 

Author Comment

by:cdc_sickle
ID: 2315021
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
 
LVL 3

Expert Comment

by:TYoung
ID: 2315046
Okay, I've downloaded your source, and Im looking into it....
0
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 

Author Comment

by:cdc_sickle
ID: 2315056
Thanks
0
 
LVL 3

Expert Comment

by:TYoung
ID: 2315091
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
 

Author Comment

by:cdc_sickle
ID: 2315125
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
 
LVL 4

Expert Comment

by:NickRackham
ID: 2315692
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
 

Author Comment

by:cdc_sickle
ID: 2315818
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
 
LVL 4

Accepted Solution

by:
NickRackham earned 400 total points
ID: 2315829
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
 

Author Comment

by:cdc_sickle
ID: 2315927
Thanks man, can i get your email, just incase i run into any other problems?
0
 
LVL 4

Expert Comment

by:NickRackham
ID: 2316439
No Problem.

nick_rackham@msn.com

Regards

Nick

Happy New Year
0

Featured Post

Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Suggested Courses

601 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question