Jump to content

Recommended Posts

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.....

 

Link to comment
https://forums.phpfreaks.com/topic/39647-problem-with-shrinkin-windows/
Share on other sites

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.

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.