Center shop displaced to the right in Safari/Firefox, not in IE

[rvagrrl]

Hi there. I'm not sure if this is where I should be posting, but I'm also not sure where would be better.

I'm working on a website and the entire center shop is being seriously crazy. It looks great (well, as great as a half finished customization can look) in IE, but when viewing it in Safari and Firefox, the center shop WAY off to the right. It pretty much starts where it should be ending. I'm sure I'm not explaining it well, but here's the link:

www.lightningbugdesigns.com/amyj (v.1.3.02)

I've done search after search, but I'm not even sure what to search for and when the forum won't let you search for terms like "outside", "off" and "right", it makes it very difficult. I've checked my CSS for glaring errors, but I'm still getting used to the new version's CSS, so I'm not seeing anything.

What's weird (to me) is that I based this template off another site I did and the other site looks fine in IE, Safari and Firefox.

Am I overlooking something completely obvious? I'm freaking out a little bit over this! =)

Thanks so much for any help.


Leila

[Kim]

IE assumes things and that can be bad ... If you use FireFox or a more compliant browser to design with you will have better designs.

I didn't look at the source, but it looks like you have a missing table row or other missing element.

[rvagrrl]

Thanks so much for your reply. I've since downloaded Firefox with the Web Developer add-on for this very reason!

If anyone has any ideas as to where I should be looking for this missing element, that would be very helpful. Thanks!


Leila

[kobra]

There are several erors in your code it is difficult to begin to troubleshoot this from this vantage point. Here are just a few:

...s/custom/images/header_info.gif"></h3

should have a closing tag like

...s/custom/images/header_info.gif"></h3>

What's weird (to me) is that I based this template off another site I did and the other site looks fine in IE

Is this template one for Zencart 1.3.x? Is your other site ver 1.3.x?

Using a template that is not updated for 1.3.x and was designed for 1.2.x could be your problem.

[rvagrrl]

Thanks so much for your help, kobra. It ended up being that <h3> tag. I had increased the font size of the h3.leftBoxHeading and apparently that didn't go over well! Once I changed it back to normal, everything was fine.

Both sites were 1.3, so that's part of the reason I was so puzzled. But it turned out to be something so small. =)

Thanks again! I really appreciate it.


Leila

[dbltoe]

Leila,
You still have an error on line 152 of the stylesheet. The underline doesn't work with the "_margin-bottom" call.