New Products display Issue

[joshlfisher]

I still haven't figured out my problem.(see first post)
I'm sure it's a stylesheet issue, but I have no idea how to correct the problem.

[Dusky]

Hey Josh...

I notice that if you go to any of your products links that when you come back to the page with the New Products featured, that the images change.
You have some kind of mod installed I imagine?

Could your issue lie in the coding for the mod?
and/or could it be interfering with the layout?

[joshlfisher]

I don't have any mods that affect this. From what I understand, ZenCart randomly displays products in the New Products box.
See this post: http://www.zen-cart.com/forum/showpo...64&postcount=4

[Dusky]

Right.

What happens if you resize the pages back to normal size instead of having everything at virtual 100% not to mention the oversized text. It look kind of funky ;) -- but it could be throwing your pages out.

You know I'm guessing while I keep you company until someone who knows what they're talking about wanders by, right? :)

[joshlfisher]

[joshlfisher]

What do you mean, virtual 100%?

[Dusky]

It looks like you have your site set to at least 80-90% of the width of the page rather than the original setting of 750px (mind you I've set mine to 800 px to be inline with the majority of users computer screens).
I just wondered if having the width set to 'wider' is pulling the divs around the New Products area out of shape (forgive my technical terminology or lack there of)... if having it wider allows the images to float randomly within the div rather than lock them in to place within the div...
Don't know if I'm making sense but hope you get what I mean.

**stops before she confuses further. :)

[joshlfisher]

Ah! Nice thought. I'll check out the width issue.

[joshlfisher]

Dusky, do you (or anyone else reading this) know where in the styles sheet it deals with the New Product box?

[Dusky]

I had a sort of similar issue and found that separating the #mainWrapper from the others seemed to help my issue -- I can only guide you to there for a start.

This is how I ended up just to give you an indication:

#mainWrapper {
background-color: transparent;
text-align: left;
width: 800px;
height: 130px;
vertical-align: top;
border: 0px solid #996666;
}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
background-color: #Ffffff;


Perhaps you can mess around with something similar and see how you go.