Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Archived

This topic is now archived and is closed to further replies.

demastermind

How to Make Store Width 100% of the Screen

Recommended Posts

I have downloaded a fluid grid, and it seems to work fine, except the fact that the right column is either moved inward towards the center, or the spacing between the center and right column has shrunk. As soon as I change back to the old "solid" grid, the column is fine, where it is supposed to be. Anybody have a clue what might be wrong here? I have no idea if the problem lies with the new fluid grid, of if I have somehow made the logo/header bigger than the rest and it just doesn't show when I use the solid grid (I have changed the "allowed" size of the logo, so a bigger one doesn't mean it gets hidden under everything)

Share this post


Link to post
Share on other sites

.container_24 {
width: 90%;
margin-left: 4%;
margin-right: 4%;

 

You still have substantial margins, which will force your content to the right. If you set the width to 100%, you want to make the margins 0:

.container_24 {
width: 100%;
margin-left: 0;
margin-right: 0;

 

Further note that on very wide displays/browser windows, the middle content may become so wide that it is uncomfortable to read such long lines. In that case, you may want to restrict the width of your store to a maximum number of pixels, and center it on the screen:

.container_24 {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;

Share this post


Link to post
Share on other sites

Nevermind my problem, after I accidentally restored the wrong backup on my files, I happened to correct whatever was causing the right column to move inwards, and now it works fine.

Share this post


Link to post
Share on other sites

×