X-Cart forums - Resolution Issues

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

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

- - Resolution Issues (https://forum.x-cart.com/showthread.php?t=42783)

Resolution Issues

I'm having problems setting my page layout. Is there anyway to set your page to display the same with any resolution. What I'm having problems with is at lower resolutions the page is huge and you have to use a bottom scroll bar to see the site. At higher resolutions the site looks great.

This is the code I have in my rectangle_top.tpl

Code:

{* $Id: rectangle_top.tpl,v 1.25 2006/02/07 08:09:51 max Exp $ *}



<table class="Container" cellpadding="0" cellspacing="0" width="{$width|default:"80%"}" align="center">

<tr><td class="Container">

I've tried to set it to px as well but it does not help with the scrolling problem.

I also currently have

Code:

    Content enviroment styles

*/

TABLE.Container { width: 80%; margin-left: auto; margin-right: auto; background-color: #FFFFFF; }

TD.Container {

    VERTICAL-ALIGN: top;

    HEIGHT: 90%;

}

TD.Container {

    VERTICAL-ALIGN: top;

    HEIGHT: 90%;

}

TD.Container {

    VERTICAL-ALIGN: top;

    HEIGHT: 90%;

}



/*

I've tried removing some of that in hopes that maybe the 2 were conflicting with each other.

Any suggestions on how to fix this? Or is it even possible?

Re: Resolution Issues

Does anyone know how to fix this problem? If I have my resolution at 1024x768 the screen is HUGE and I have to use a scrolling bar along the bottom to view the site.

Re: Resolution Issues

Try setting TABLE.Container to a fixed width....

TABLE.Container { width: 800px; margin-left: auto; margin-right: auto; background-color: #FFFFFF; }

Experiment with the width until you get what you want.

Re: Resolution Issues

I change the width many times and once it gets passed a certain point it will no longer shrink the page...

Re: Resolution Issues

Do you really have 3 of TD.Container class listed in your css? If so, get rid of 2.
In your css, does "body" have a width specified?
Are you loading an image, maybe a background that is wider than what you want?
Do you have a link to the site so I can see what you are talking about?

Re: Resolution Issues

Ok I got it! When you said Image I thought maybe it had something to do with the images on the top. Turns out I moved my search bar to the right and my speed bar down on the same line. I just had to many buttons in my speed bar and it was forcing the screen larger then what I was asking it to do. Thanks for all the help!