Correct Page size

wowhot · April 17, 2009

Hello

How can i correct the size of y pages.
for example :http://whanphotography.smugmug.com/Clients
is looking how i want it but the page is really big i just want it to be excatly the same size on all monitors.. i keep getting a slid rule along the bottom.

i get the same problem with the home page as well?

thanks

denisegoldberg · April 17, 2009

wowhot wrote:

How can i correct the size of y pages.
for example :http://whanphotography.smugmug.com/Clients
is looking how i want it but the page is really big i just want it to be excatly the same size on all monitors.. i keep getting a slid rule along the bottom.

i get the same problem with the home page as well?

You forced the width of the screen by specifying a width of 2050px for that banner. That image is uploaded as 1024px which is still much wider than the actual image. If you switch to using the actual size of the image the generated browser window will not be so wide. If you do that you will also need to change how you are displaying your banner and navbar because you are currently relyinig on the width of the banner to stop your navbar from moving higher on the screen.

.category_Clients #my_banner{
width: 2050px;
height: 159px;
margin: 0 auto;
background: url([URL="http://whanphotography.smugmug.com/photos/503651670_TbL6a-XL.gif"]http://whanphotography.smugmug.com/photos/503651670_TbL6a-XL.gif[/URL]) no-repeat;
}

--- Denise

wowhot · April 18, 2009

denisegoldberg wrote:
You forced the width of the screen by specifying a width of 2050px for that banner. That image is uploaded as 1024px which is still much wider than the actual image. If you switch to using the actual size of the image the generated browser window will not be so wide. If you do that you will also need to change how you are displaying your banner and navbar because you are currently relyinig on the width of the banner to stop your navbar from moving higher on the screen.
.category_Clients #my_banner{
width: 2050px;
height: 159px;
margin: 0 auto;
background: url([URL="http://whanphotography.smugmug.com/photos/503651670_TbL6a-XL.gif"]http://whanphotography.smugmug.com/photos/503651670_TbL6a-XL.gif[/URL]) no-repeat;
}
--- Denise

Thank you for your help ill try to get it sorted..

thanks again

Correct Page size

Comments