Jump to content

Resizing with CSS


The Praetorian

Recommended Posts

Is it possible to make it so that my website will appear the same way no matter what a person's resolution is? Perhaps using % instead of px or cm?Also, I have a div banner with links as my menu, but when the browser window is resized, the menu slides over into the text. I have it fixed so that it will scroll with the page, but is there anyway to keep it fixed and also prevent it from moving when the window is resized?Help would be greatly appreciated.websitehttp://www.tsrealms.com/welcome.htmlcsshttp://www.tsrealms.com/layout.css

Link to comment
Share on other sites

Is it possible to make it so that my website will appear the same way no matter what a person's resolution is? Perhaps using % instead of px or cm?
Yes using % would definetly help, plus checking it with as menu resolutions as possible with your own pc.
Also, I have a div banner with links as my menu, but when the browser window is resized, the menu slides over into the text. I have it fixed so that it will scroll with the page, but is there anyway to keep it fixed and also prevent it from moving when the window is resized?
I didn't see any menu :) but to keep it fixed and stop moving when window is resized use - position:aboslute;left:xx.px;top:xx.px;
Link to comment
Share on other sites

Well, I have changed the site to have a frame now, because the menu wouldn't work like I wanted it to. I've added the menu back so you can see the problem. I did (and do at the moment) have the div set as top:x% and left x%, but that doesn't stop it from sliding into the text. And I can't use px, because IE will ignore those.EDIT:Okay, I found this. Can anyone tell me why this works but mine won't? I've read through the source code but I just can't figure it out...http://www.w3.org/Style/Examples/007/

Link to comment
Share on other sites

And I can't use px, because IE will ignore those.
IE works fine with px :)http://www.w3schools.com/css/tryit.asp?fil...sition_absolute
but that doesn't stop it from sliding into the text.
If you add this to your css declaration for the content, it will stop it from crashing into the menu.
margin-left:200px;

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...