Changing width so that it fits 800x600
 

My site looks decent at 1024x768, however most of my customers use 800x600 res, (according to my bosses) How can I cahnge my width to accomodate this?

Site: 216.75.30.97

Re: Changing width so that it fits 800x600
 

800x600? Are you serious? Your stats actually say that? In general, the 800x600 crowd represents less than 10% of the market right now...not recommended to optimize for that resolution anymore. But if you absolutely have to, you simply change the Table.Container class to the width you want.

Re: Changing width so that it fits 800x600
 

I am not a fan of 800x600 either but because the main guy (he's 53) has vision issues, he insists I code it to 800x600...even though i tell him most use 1024x768

Re: Changing width so that it fits 800x600
 

Boss is always right eh? Unfortunate, as that severely restricts the number of products you can show 'above the fold'. Tell him he'll make more money by being able to display more products...perhaps that will change his mind :)

Re: Changing width so that it fits 800x600
 

I need to do this as well.

.container only has a height attribute. Where is the width being set for the middle cell?

Re: Changing width so that it fits 800x600
 

What about adding a width to table.container in skin1/skin1.css...

TABLE.Container {
HEIGHT: 100%;
width:800px; /* example width */
}

Re: Changing width so that it fits 800x600
 

Thanks.
Giving this some thought...
I don't want to hardcode the width.

I still want the 100% that appears to be set in rectangle_top.tpl.

However.. the (center) content cell between the navigation menus on the left and the login menu and cart on the right appears to be hard set.

On my home.php page I don't have anything in the middle except for a few words at the moment and I am unable to shrink the brower down beyond a certain point.

This point is still too far out for 800x600.
:roll:

Re: Changing width so that it fits 800x600
 

Sorry, I am confused (which isn't hard). Is the layout something like this? ( See Attached )...

page:100%
left column: fixed.
right column: fixed.
center column: 100%
center column content: fixed

If it is some other way, could you elaborate? A fav website/link - any way you see fit.

Re: Changing width so that it fits 800x600
 

Interesting where is that fixed 300px set?
That might be what I am talking about.

Re: Changing width so that it fits 800x600
 

I created it. I added an extra table inside the center column. But I think I understand your problem better now. When you resize the browser smaller than 800 and there is no content it should still be fluid and have no horizontal scrollbars, is this correct?

...If so, I think something like a dialog box with an image, or a logo, or the footer stops it from being smaller (likely to be a combo).

Re: Changing width so that it fits 800x600
 

That's in the ballpark.

The middle column will not shrink down past a point even though all it has is 'Welcome to the store!'

Looking at the td's closely, I don't see them being hardset other than the 150px spacers in the navigation and cart menus.

SO I am with you, it's being held up somewhere else but I can't find it.

I've searched this site pretty well now and I haven't found anyone specifically detailing this issue.

Re: Changing width so that it fits 800x600
 

If you're using a default install then it looks to be the header with the big buttons and the logo. If you were to temporarily remove them, you can then make the page smaller without horizontal scrollbars (provided there is only text and no images in the main body column).

Re: Changing width so that it fits 800x600
 

On a default install of 4.1.9 and if we were to remove featured products and have only text on the home page. Then we cleared all the contents from head.tpl we should see that the width goes to...

leftcolumnwidth + rightcolumnwidth + longest word from main column

Hope this helps.

========================
Edit: Ooops double post. I knew I posted already but didn't see it on refresh d'oh!

Re: Changing width so that it fits 800x600
 

Thanks Kobe I'll look into it.

Re: Changing width so that it fits 800x600
 

I'm entering this a little late, and not to give layout clues since the referenced website isn't there anymore but to express an opinion on usability. While 1024 x 768 may now be the most popular browser resolution and only 10% use 800 x 600, that 10% is still an awful lot of people to alienate because they can't go from the end of one line of text to the beginning of the next without having to scroll sideways and thus lose their place. And, even people with higher resolution monitors don't always use all the available monitor space for one browser window. I personally use a 1920 x 1200 resolution monitor, but my browser windows are not usually open wider than 800; that allows me to multi-task, and move things from one window to another.

I always try to design so that 800 x 600 is usable. I do get the occasional "why is there so much unused space? maybe we can put ... there" but I try to fight that with statistics. I'm also not very fond of flexible layouts, because text lines that are too long are hard to read - people also lose their place when their eyes have to travel too far to get to the beginning of the next line.

Re: Changing width so that it fits 800x600
 

I have a slightly different problem (IE issue) My dialog "area" is spilling over in IE. How can I fix this? I need it to be fixed width of 900pix. Firefox is fine. I used the header to constrain the width of the page, but for some reason on the first checkout page the dialog box spills over to be approx 90% width. It does not resize with the window.
I already tried to constrain the dialog width to 900 pix, (it was set at 100%) does not affect this.

Re: Changing width so that it fits 800x600
 

Is there anyway of making the page width of the Fashion Mosiac skin wider?

Re: Changing width so that it fits 800x600
 

chawla@moviesandgamesonli
For 4.2 there is a seperate forum since it uses quite different template system.
You need to change width of #page-container from 780 px to somethin' else (900px, 90% or any other value)
in your main.css
but there is also some other custom work required since the bar with authform at the top and possibly some other elements has a fixed width.

Re: Changing width so that it fits 800x600
 

Thanks, that sorted out the problem I had.