How do I get my webpage to look the same on all resolutions?

Date: 12/10/05 (HTML Help) Keywords: css, html, web

Newbie here. *waves*

So, I've reached absolute last nerve with this. I don't know much about HTML/CSS but I tried to start up a website (HERE. Please ignore my comments. XD) not too long ago. I have a 800x600 resolution and am tryin' to use div layers. I'm tryna make my my website "expand" (like the header an' stuff) for people with larger resolutions. I read somewhere that you set that height an' width to 100%, so that it takes up that amount regardless of the resoulution..but I think that's if you use tables instead of div layers. T__T
Does anyone know the correct way to do this? Cause I know there's a way..I jus' can't find it. ;_____;

<shtml> <head> <title>C H O C O L A T E B R E A D; VERSION THREE [Peachy Wonderland]</title> <style type="text/css"> body { background-color: #D5E4F0; background-image: url(http://img178.imageshack.us/img178/7267/pgtable2vf.png); background-repeat: repeat-y;} </style> </head> <somebody> <div id=HEADER><div style="position:absolute; top:0px; left:0px; width:800; height:600;z-index:1; "> <img src="http://img254.imageshack.us/img254/4660/peachgirl3yb.png" alt="Image Hosted by ImageShack.us" /></div> <div id=CONTENT><div style="position:absolute; top:475px; left:420px; height:100%; width:350px; z-index:2">Div layers suck my ass like woah. I want to kill them badly. Wee now I can see my colored bg! And it doesn't match. Joy. T__T</div> </somebody> <div id=SIDEBAR><div style="position:absolute; top:450px; left:140px; height:100&; width:150; z-index:3">Dis be my sidebar, bitches. =D</div> </somebody> </shtml>
Any help would be appreciated, seein' as I have a massive lack of skills. T__T

Source: http://www.livejournal.com/community/htmlhelp/2213550.html

« Photoshop (HELP PLEASE!!!)

Image Maps & Frames? »