problem with shrinkin windows

[runnerjp]

Hi,

 

I'm facing problems setting up CSS for simple layout:

 

What I have now works ok, when working in full screen, but when I make window smaller, all the content seems to get messed up... can any 1 help fix this

 

 

 

div#logo
{
position:absolute;
left:20%;
top: 5%;

}
div#register
{
position:absolute;
left:81%;
top: 2%;
}
div#content
{
position:absolute;
left:20%;
top: 50%;
}
div#trainingpic
{
position:absolute;
left:4%;
top: 2%;	
}
div#info
{
position:absolute;
left:81%;
top: 5%;	
}
div#login
{
position:absolute;
left:82%;
top: 8%;	
}
div#menu
{
position:absolute;
left:2%;
top: 27%;	
}

that is what i have got for my css layout.....

 

[lando]

Why do you have two posts for the same problem?  I've noticed that you are posting quite a bit on here, mostly for layout issues.  I would like to make a suggestion without trying to sound rude in any way...  It might be best to get a book that will take you step by step through the design process.  Forums are great for asking questions and getting quick responses but basically the phpFreaks community has been designing your site for you.

 

I personally am a huge fan of the Sitepoint books.  I would specifically recommend Build Your Own Web Site The Right Way Using HTML & CSS and from there you can move onto HTML Utopia: Designing Without Tables Using CSS

 

The advantage in using a book is that they will take you through the design process and show you what to do, and not to do, and also tell you WHY you should do something a certain way.  Having a book will head off many issues you have been posting about and make your life much easier in the long run.