Click to See Complete Forum and Search --> : Screen Resolutions


Julie
10-27-2003, 02:01 PM
Hi,
This board is the greatest, you guys helped me so much long ago.
I'm still a lamer or rookie or whatever with web sites but I used a premade templet in DreamweaverMX and made a site for my friend. Dreamweaver is way over my head but I got the site made.
I built the site in 1024 X 768 screen resolution and it looks good. The problem is the templet has lots of frames and it won't streach or shrink for other resolutions and all of it can't be seen in 800 X 600. I could make them scroll but then I would have more bars than a jail cell lol. I know everyone doesn't use 1024 X 768 resolution and the site would lose a lot of visitors if they couldn't see it all.
My question is, can any of you guys tell me how to make the site streach or shrink auto to fit each visitor's own screen resolution?
Also when I go to the other pages on the site, they pop up and look good but it says "done but with errors on page". I don't know what I did wrong or how to fix them.
Thanks so much I know you guys can help me.
The site is:
http://geocities.com/karls_orchids/index.html

iniquity101
10-27-2003, 02:14 PM
You should use a fluid layout. Do a search on this forum, theres loads of results.
try this one (http://forums.webdeveloper.com/showthread.php?s=&threadid=16361&highlight=fluid+layout)

PeOfEo
10-27-2003, 04:23 PM
yes I aggree with iniquity. Your site should also perform well in all of the major graphical browsers and adhear to w3 standards and of cource be valid html too. I would advise not using frames mainly because they suck and I would use an iframe instead but since your site is already using frames and it looks good in mozilla and ie I would say keep them.
http://validator.w3.org/check?uri=http%3A%2F%2Fgeocities.com%2Fkarls_orchids%2Findex.html&charset=us-ascii+%28basic+English%29&doctype=HTML+4.01+Frameset
those are your validation reasults for a frameset doctype

The biggest problem with your code is that you do not specify a doc type, that right there will throw a browser into quirks mode
put this at the top of your page above the <html> tag
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
put this in your head, it tells the browser your encoding
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

even though you did not ask me to critique your site I did anyway so there!

Julie
10-27-2003, 07:27 PM
Thanks so much for the fast response guys..
I am really so dumb I don't understand anything about fluid layouts at the site you gave me iniquity101.
I added the two lines to the code you gave me PeOfEo.
Thanks for checking the site for errors I'm really happy you did, but wow I had no idea there was so many and I don't know how to fix them.
Is there any program that will fix all the errors for me or should I just trash the site and try to learn CSS and start over? DreamweaverMX has css abilities I noticed maybe I can do it there lol.
Thanks so much guys if I wasn't so dumb I would be on my way now with the info you both gave me.

PeOfEo
10-27-2003, 08:23 PM
your going to have to fix the errors yourself I am afriad. Just look at what the mean on that w3 site. An example of a fluid css layout would be http://knights.europe.webmatrixhosting.net/wfrp/index.html
That is the barebones of a layout I just finished, it works on all major graphical browsers including ie mozilla opera and ns. Resize the windows to all difference sizes and see how the site responds.