7 replies to this topic

[fread]

im building this website as an assignment and im having problems figuring out something. When i have everything set in place on one computer when i move my docs(html and css pages) to another comp with a different resolution things kind of get a little out of place. Is there anyway to automatically adjust the sizes of my content to suit the screen resolution and also when a user manually adjust the browser window.

[fread]

We cant use javascript yet.
This is like the main class im using just to set up where things will be on the page

#bodybg{			/* BIG GRAY AREA  */

	width: 800px;

	height:1000px;

	margin: 4% 0% 0% 18.35%; /* fixed */

	background: gray; /* gray  */

}

When i say adjust automatically i mean.. if the user manually changes the size of the browser window -- then things still stay in place..right now my stuff just starts to overlap each other when i shrink the browserwindow

[TcM]

Forget the % and stuff... make everything fixed... width 800px and height does not matter... that is the best way to fix that... in your case, make the margin fixed, dont use %.

[fread]

ok thanks...i initially thought if i used % the screen would scale to fit different resolutions automatically....instead of a fixed pixel size

[TcM]

True that, but if you have images and stuff, which is of fixed width it will interfere with everything, so, the standard is 800px width.. so I'd go with that and make everything fixed.. then make a nice background color to cover all the remaining space... or you can use the %, but it's gonna be a tough job.

[fread]

Yeh you are right. its the images that causing most of the problems...and i have loads of images.....i'm working on it...47 hours to deadline :)

[TcM]

Good Luck mate... :) I had a similar project 2 years ago.. and I thought the same as you did.. the % will adjust everything, but.. turned out to be the other way round.