X-Cart forums

[epic]

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]

In main.css:

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:

#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]

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

[totaltec]

Your very welcome. Glad it helped.