Category Images per row...FF vs. IE

[wasana]

The titanic struggle between browsers continues... Like a bull in a china shop I managed to knock around the code somewhere and now I need some advice.

On the index main page my category images align properly (3 in a row) in IE but for some reason in FF they are all vertically stacked in one column.

Any guess where this is controlled?
Already double-checked admin/maximum_values/categories_to_list_per_row
I'm still a little clueless on how to compel CSS to do my bidding.

Working on localhost so can't post URL... will supply stylesheet if guru willing to look...

THANKS

[kuroi]

I'd check your CSS for and stray display:block or display:inline, both can cause problems when mixed with floats.

display:block has a default width of 100% which can displace anything following it to the next line.

display:inline can bring elements back into the document flow and prevent floats from displaying on the same line.

Missing div closures can also cause legitimate display features to extent their influence beyond the container to which they are supposed to apply.

[wasana]

Thank you Kuroi - turned out to be something different

after doing a fair amount reviewing based on your suggestions (helped me learn a few things and clean out some unneeded css...) I realized that if I compared the original stylesheet to my custom one using winmerge that more clues would reveal themselves. I discovered that in trying to get an image to center I inserted

text-align:center;

under

.categoryListBoxContents, #logo, .centerBoxContents, .specialsListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;

instead of getting things centered it made the category images line up vertically... who would have thunk-it?

----

ahhh geez.... I thought it was all better, but now my logo.gif isn't centered anymore.... criminy!

[kuroi]

Glad you got there. Can't be sure without seeing more of the CSS, but it does sound as though this upset the floating of those centerColumn elements.

For your logo, I'd recommend taking that #logo out of that list of classes. It's like that in default Zen Cart, but doesn't really belong with them.

That will "unfloat" it, and it may (depending upon the rest of your stylesheet) leap back to a central position. But even if it doesn't, you could still add in

#logo {text-align:center}

as a stand-alone style.

[wasana]

for those following this thread ...


Follow FAQ

and everything gonna be aahhhrigghhht