website resolution issues...

Voip · Mar 27, 2004

i'm having trouble with my website. (www.entwizerman.com)

i'm re-doing the layout and whatnot, and have already run into some problems.

the background image resolution is 1600x1200, which is the resolution i use as well.

i have had three people test the site for me, they all use IE, and have varying resolutions. they could not view the site properly. i, on the otherhand, can view it fine in firefox and IE.

my question: is there a way to format my site so it works with all web browsers? i'm rather new to this, and google has turned up nothing.

code:
<html>
<head>
<title>Entwizerman.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body background="http://entwizerman.com/entwizermanwall.jpg>
 
 
 
 
 
 
 
 
 
 
 
 
 
Coming soon...
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</body>
</html>

is there something i need to add? (besides content )

thanks.

chsh1ca · Mar 27, 2004

Check out Jalfrezi. You're best off using scalable sizes in CSS for your site, so google a CSS for newbies type guide, and that combined with Jalfrezi as both an HTML and CSS reference, you should be pretty set.

You certainly don't need all those tags.

Barnaby W. Füi · Mar 27, 2004

Obviously (well, it should be fairly obvious), people with smaller screens will see less of the right and bottom parts of the image. You are basically asking for trouble IMO. You could chop the image up, and place the top left text in the top left, and your face in the bottom right, but I can't think of how you could pull off that big pentagon without having resolution-dependency issues. Not only are resolutions a problem, but you also have to account for different font metrics. As much as web designers love to ignore the issue, users CAN use any font face and size they wish.

And yeah... is for marking a block of text as a paragraph -- (modern-ish) html is *not* a formatting language; it is a markup language. CSS is for formatting.

BTW, images that get scaled by the browser are usually pretty garish, so I would avoid that as well. I managed to find an interesting solution, which was to make the non-right-angle-line parts very low contrast. That way you don't really see the dithering. [link]

screw3d · Mar 27, 2004

Why would you want to use a background image of 1600x1200? Not a lot of people are using this resolution. Try to go for something 1028 width max, or even for 800.

Voip · Mar 27, 2004

thank you for the suggestions, i really appreciate your help.

boran · Mar 27, 2004

the best is to got for an image that will look good even if you see a small portion of it, you might want to look at my site for example:
http://users.pandora.be/boran/

it aint much, but that background image looks good at 640*480 up to at least 1240x1024 (I have not tested any higher)
the trick is that I let is repeat horizontally, and that the sunset matches left and right so it is tilable at a biig tile size. which is what you want, at your res you might want to design a page with four tiles. but realise how it'll look on other resolutions.

otherwise you can also work with a background-less site:
http://users.pandora.be/boran/multimedia/020974bb.html

now I'm not saying you should do exactly like those sites bacause they're both not very good either, the first has too much focus on looks and almost no content, whereas the second one is just too IE optimised and looks like crap in opera, which is ironic because I actually do not use IE anymore.

website resolution issues...

Voip

Member

chsh1ca

Golden Member

Barnaby W. Füi

Elite Member

screw3d

Diamond Member

Voip

Member

boran

Golden Member

TRENDING THREADS