Quick... help!

They have: 3 posts

Joined: Apr 2000

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! Smiling Thanks!!

Casey

Casey Hansen
CaseyNet Online Design
http://www.caseynet.com

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

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 Wink

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 Laughing out loud

aDog Cool

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's picture

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?

Smiling Suzanne

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

They have: 3 posts

Joined: Apr 2000

Thanks for all of your help! I think I actually understand! Smiling

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.