CSS help needed...

[gjh42]

If you look at my jewelry site, you can see an example of design to fit variable browser widths. When I first built it, 800x600 monitors were still common enough (and that's all I had), so the homepage elements stretch out from there to 95% or so of about 1200px (I forget the exact numbers at the moment), where the stretch stops and you get more background.

[WebKat]

So to get to the OP's question about not seeing in his browser what I'm seeing, that's normal.

Hey, hey, hey! Let's not be gender-reassigning me here! I'm 100% female ;)

I changed the width to 80% to try that out for a while. I have made several other changes to the layout on that page to make it able to shrink quite narrow on the browsers I've tried it on without side scroll, and it seems to work; that's why I want to know the details of who is still getting side-scroll.

As for maximized windows, they're a creation of the devil. I can't stand having a window maximized for any reason. I realize that's just me, but I'm throwing it out there to show that we do exist, we browser-resizing folk. I need to be able to see the contents of several pages at once on a regular basis so maximized windows, or even tabs, are not the way I roll.

[stevesh]

I like the 80% a lot better on my 1280 X 1024 screens. Now, if you'll remove the category counts from the categories sidebox so your category names don't wrap, I'll be happy .

I get your point about Amazon using 100% widths, but their pages (especially the product info pages) carry a ton of content and they need the extra screen area.

[rstevenson]

I changed the width to 80% to try that out for a while. I have made several other changes to the layout on that page to make it able to shrink quite narrow on the browsers I've tried it on without side scroll, and it seems to work; that's why I want to know the details of who is still getting side-scroll.

The home page continues to work. The product page shows exactly the same width of mainwrapper as the home page (the borders match up) but the center content pushes out beyond the mainwrapper, shoving the right column out too.

Mac OS X v10.6.8
Firefox v11.0, Safari v5.1.4, Opera v11.6.1, Chrome v18.0.1025.142

All four browsers show the same issue on the product detail page. Product listing pages are fine.

Rob

[IronLady]

Hey,

How about with small browser like mobile phone or tablet?

I create a screenshot to compare your site with my template that i am still working on if viewed on small browser :



Actually, I've been playing around with "responsive design" and I want to released it on free add-on contribution. But, i just don't have much time to continue the development of the template. Maybe later

I create the template based on twitter bootstrap. There are a couple of option out there to create responsive site(Twitter Bootstrap, Skeleton, Foundation, etc). Maybe if you are interested to modify or just try, you can download my template here https://github.com/ironlady

Finally, I think that it just a matter of taste, some people like responsive and some of them like fixed.

[WebKat]

Now, if you'll remove the category counts from the categories sidebox so your category names don't wrap, I'll be happy .

I don't like them either--I didn't realize you could turn them off! I'll go dig through the configuration and see if I can find out where...

[gjh42]

Configuration > Layout Settings.

[WebKat]

Yeah it looks better without those numbers. I also changed my table to divs so they wrap when you make the screen narrower...