X-Cart forums - Keep page full width

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Keep page full width (https://forum.x-cart.com/showthread.php?t=60903)

epic	09-15-2011 10:48 AM

Keep page full width

Is there a way to keep the pages at full width even when the browser is set to 'restore down' (the middle square button at top right of browser)?

At the moment, if you make the browsing window smaller the banner concertinas and a lot of my content that is in the middle disappears from view. Not good on notebooks etc. I would like for the screen to stay at full width and people just scroll the page across as in most major web sites.

Any help in pointing me in the right direction would be great!

totaltec

09-15-2011 11:12 AM

Re: Keep page full width

In main.css:

Code:

body

{

  height: 100%;

  background-color: #005fac;

  margin: 0;

  padding: 0;

  min-width: 870px;

  border: 0 none;

}

min-width is the important setting. Set this to whatever you like.

This will allow your page to resize down to this size.

I also like to set this max-width for page-container:

Code:

#page-container {

  min-height: 100%;

  min-width: 780px;

  max-width: 1024px;

  position: relative;

  margin-left: auto;

  margin-right: auto;

  background-color: #fff;

}

If you simply want a fixed width, just use width:960 px; or whatever value you want on both classes.

HTH,
-mike

epic	09-15-2011 12:07 PM

Re: Keep page full width

It works perfectly! Thank you for saving me hours of frustration!

totaltec

09-16-2011 05:20 AM

Re: Keep page full width

Your very welcome. Glad it helped.

All times are GMT -8. The time now is 09:47 PM.