Quick... help!
Hello all-
I am attempting to get a design going for my local HS band... I have the design done. The problem is, it looks fine on my 800x600 res., but at school, on their macs, it is 640x480, and of course, it is all screwed up. The site is at http://www.caseynet.com/wdband/index.html. If anyone has any ideas how to get this to work in both resolutions, it would be greatly appreciated! Thanks!!
Casey
Casey Hansen
CaseyNet Online Design
http://www.caseynet.com
caislander posted this at 23:01 — 18th October 2000.
They have: 30 posts
Joined: Oct 2000
Hi,
I have tried several times to get to your page but I keep getting a Page Not Found error could you double check your URL..
Later
Arielladog posted this at 01:00 — 19th October 2000.
They have: 122 posts
Joined: Jun 1999
The page URL is:
http://www.caseynet.com/wdband/index.html
The period you had at the end screwed up the URL.
I really can't help ya' ont his question, though because this is one of the problems I have
I usually ignore 640x480 resolution b/c they are in such a minority, but I hate to really do that, but 800x600 gives you just the right amount of room for stuff, IMO
aDog
Moderate at JavaScriptCity Forums
caislander posted this at 02:42 — 19th October 2000.
They have: 30 posts
Joined: Oct 2000
Hi,
Your problem is being caused by (I Think) your background image did you create your background image to fill your 800x600 screen? If so that is the problem the image has a size that is independent of the browser resolution. If your viewer uses 800x600 everything lines up , they use 640x 480 part of the grey is cut off so the orange bar down the center appears to have moved to the right & if the use a resolution higher than 800x600 then the bar appears to move to the left as the image tiles to fill the screen mean while the table you created using percentages continues to take up the same percentage of the screen regardless of the resolution, so it appears that the text is either being squashed or goes off the edge of background image so it can?t be seen. When in reality it is the background image that is at fault.. Since your background image consists mostly of black and grey , I would just put a background color in my table cells and make the center bar into an image by itself and put it in a table cell , then the background would shift at the same rate as the text so it would look the same in any resolution? I know I probably did a rotten job of explaining this so post back if you don?t get it..
CaIslander
From The Land Of SunShine, Surf & Code
WebXpertz Community Forums for Webmasters & Developers
Suzanne posted this at 05:25 — 19th October 2000.
She has: 5,507 posts
Joined: Feb 2000
It's quite simple -- make the table cell (column) that needs to remain the correct width an absolute pixel width, and the remainder can size itself as it wishes. It will be a little crunched at 640, but otherwise fine.
Of course, having the background in the table cell works as well, so that the black and the grey are relative (percentages or as they may be), and the orange column should be absolute (pixel width) because it needs to be only one size.
Make sense?
Suzanne
The Gray Wolf posted this at 07:59 — 19th October 2000.
They have: 6 posts
Joined: Oct 2000
If your problem is that your image is too big you can do it in two ways :
one way is to put your entire screen in table like that
and then put the image as background
this will do it or the better way :
is to create a layer give it z-index of 0 and give it the width and height of the screen and in this layer put image and give her a width and height again of the screen width and height (like the example i showed you before)
I hope you got it if not i will be glad to explain
The gray wolf from the land of might and magic
MrGoogle posted this at 11:43 — 19th October 2000.
They have: 3 posts
Joined: Apr 2000
Thanks for all of your help! I think I actually understand!
Casey
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.