CSS Help

Associate
Joined
9 Nov 2003
Posts
1,138
Location
Peterborough
I am a bit confused i dont know how to get this site to be the same in all browsers and differant size monitors, if you guys look at it on a 15" screen it should look normal but if you look at it on a bigger screen there will be a big green bit at the bottom.

How do i change this??
 
so you want the site to be pixel perfect with no room for change, so it'll fit on 800x600 and look quite big and then at 1280x1024 be a bit smaller yeh?

can you post a link / image of what's going on?
 
how does it look different in other resolutions?

Do you want the whole site to change size small if someone is on a smaller resolution?
 
The green at the bottom does not appear on smaller screens, i have a 15" set at 1024x768 and it does not appear but on other screens that are bigger it appears and i dont want it to
 
that is because your background image is only 600pixels tall.

in 'http://www.gites-en-tregor.com/style.css' you need to edit
Code:
body { 

	margin:0;

	background-image:url(images/bg.gif);

	background-repeat:repeat-x;

	background-color:#BECF96;

	text-align:left;

	}

so it is

Code:
body { 

	margin:0;

	background-image:url(images/bg.gif);

	background-repeat:repeat-x;

	background-color:#000000;

	text-align:left;

	}
 
I need it to look the same on every screen it is looked at on, is there any code i can add that will just fit it to any page it is viewed on
 
im sorry i dont really understand what you mean, but if you do what i said it will remove the green bar that you get on large resolutions and change it to black so it will be consistent
 
Back
Top Bottom