Im really stuck!

How can I get my website to suit all screen resolutions

For example

My Site! (http://www.geocities.com/mkballerz)

If you click my site about depending on your screen size depends how the site is displayed. If you got 800x600 the left hand frame buttons are straight but if you got the next size up which I current have its displayed different.

How can I make sure that all screens view the same page layout?

most site's use percents (sp?) (%) for sizes, since 20% in 800x600 is a different amount of pixels then in 1024x768 so if you use % your site will fit the resolution it's in

Now i don't know if you can set EVERYTHING in %, because i have no experience with that but i'm sure somebody else will know that :)

Yep percentages is the way to go. I can't think of many elements that you cant use % with (the ones you would want to anyway), i was reading last night and discovered (probably old news) that font-sizes can be a %.

I would imagine but i am not 100% (no pun intended) sure that only the images on your site should not (although they could) be set in percentages.

As far as the buttons are concerned maybe you could set the left hand frame as a fixed width and leave the right hand side to occupy the rest of the page.

Ok cheers peeps!

So where do i put these perecentages then?

Not very clever with HTML

similar to this edit as appropriate


<frameset cols="20%,80%" frameborder="no" border="0" framespacing="0">
<frame src="page1" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" />
<frame src="page2" id="mainFrame" />
</frameset>



I THINK this will work if you want the left hand frame to remain the roughly the same. This is untested I am only presuming it will work but wou will need to try it. Change the first line to the following.


<frameset rows="*" cols="153,*" framespacing="0" frameborder="no" border="0">


Hope that helps and good luck with the site!

I THINK this will work if you want the left hand frame to remain the roughly the same. This is untested I am only presuming it will work but wou will need to try it. Change the first line to the following.


<frameset rows="*" cols="153,*" framespacing="0" frameborder="no" border="0">


Hope that helps and good luck with the site!

similar to this edit as appropriate


<frameset cols="20%,80%" frameborder="no" border="0" framespacing="0">
<frame src="page1" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" />
<frame src="page2" id="mainFrame" />
</frameset>



I THINK this will work if you want the left hand frame to remain the roughly the same. This is untested I am only presuming it will work but wou will need to try it. Change the first line to the following.


<frameset rows="*" cols="153,*" framespacing="0" frameborder="no" border="0">


Hope that helps and good luck with the site!

That should work, I think! ;)

If you make the frame a set width (spikemeister's second option) then it will always be the same width (so the buttons will always be underneath each other as well). I would recommend this way.