Page Layout

[kalli392]

First I'd like to say that this place has been a tremendous help in seetting up my first zen cart...THANK YOU!
Now, for my question: On my main page where it says New Products for (whatever month), I would like to add a space between the lines?
Right now it could get confusing to some as to what is free and what's not.
While you're there I would love any comments on the site - both good and bad.

http://www.3d-digitalstudio.com/zenc...ain_page=index

Thank you for your time.

[Sketchy]

I'm guessing that you require padding for your images there, maybe top padding to separate the upper image text from the lower images.

Try adding this to your stylesheet.css;

.centerBoxContentsNew { padding-top: 10px }

Were you aware that your layout is fudged in Firefox and worse in IE?
The center image is too big. I don't view at 800x600 and I rarely view above 1024x768.

[kalli392]

Thanks, I'll try that.

I don't understand what you mean by "Were you aware that your layout is fudged in Firefox and worse in IE?

[Sketchy]

Forgot the details.

The center column supercedes it's right boundaries, extending underneath the right column. Your welcome pic is 800px wide and the contents don't fit in the center column anymore. As well, your header banner image is cut off on the right side. I think your layout is set at 100%, there are no current constrictions that I could see otherwise.

[kalli392]

Thanks, I went and set mine to 1024x768 and could see what you're talking about.
I have a high def wide screen and it's set at 1680x1050. I tried several of the 3D sites I look at at the 1024x768 and they all look that way.

Is there a way to set things so that they will look right at both?

[Sketchy]

You're welcome. I suppose today's 1024x780 is becoming yesterday's 800x600, but still widely used.

Fluid web sites are quite versatile and popular, I definitely agree. I did try a fluid design, but I could never get my personal header image fluid, the design wouldn't allow it as such, unlike this semi-simplistic kind of design;
http://www.freewebpageheaders.com/graphics/help.php

If you managed to get the header fluid, that still leaves the center welcome image and I don't know how to shrink it without actual pixel resizing. I guess all those graphic sites utilize larger resolutions to compliment the art work, but if most of those sites are overlapping in smaller resolutions... I would expect the problem not easy to remedy.

Maybe, someone with experience could guide you upon the right path as my little monitor(19") and me are of little help.