X-Cart forums

[ScrapArtist]

I did a search on dialogbox.tpl and IE issues here, but haven't found anything that addresses my issue. I could just be loopy at this point!

We recently changed our categories menu which made the menu box longer. Now the product dialog box is not filling up the entire space in IE. This only happens when there are only a few products on display. (Fine in FF, Safari and Opera). I replaced the tables in dialog.tpl with divs, but no dice. The dialog box looks like it's lining up with the bottom of the categories menu. I feel like I'm wandering in circles!

Here's an example.
http://www.scrapartist.com/shoppe/home.php?cat=43

Thanks for your help!

[gb2world]

If you use the IE developer toolbar - it shows that the table cell that contains the central space has a property: vertical-align:baseline. IE may be inheriting it from one of the containing classes.

One possible way to fix it is to modify that td from:
<td valign="top" width="100%">

change to:
<td width="100%" style="vertical-align:top;">

Or, if you don't like inline css, you can make a class for that table or td and align to the top instead of the baseline

[ScrapArtist]

Um...

I THINK I LOVE YOU!

Yes, that did the trick.

And, like, DUH. I've been fixated on Firebug, so it would be about time for me to load up IE Developer Toolbar. I feel so stupid. :P

I indeed have that vertical-align property set in a "reset" css file...rethinking the wisdom of that at the moment...

GREATLY GREATLY GREATLY appreciate your help! Thanks a billion for pointing me in the right direction. You made my day!

[gb2world]

You are welcome. I think firebug is a good tool to be fixates on - it is much easier to use than the IE developer toolbar. Probably a good process is to do development using Firefox/Firebug, then use IE Developer Toolbar to figure out any anomalies seen in IE.

Also - I am a proponent of standardizing the css with some sort of reset - it puts everything in a know state. It can get close to equalizing everything across browsers. Then, you can define your css to cascade from that. For me - it minimizes issues across browsers, so I do think it is wise. But, I suppose, that is a matter of opinion. In this case - I would prefer knowing that all table td are set to be baseline (or top or middle) in every browser, and if I want it different for certain tables, I would set css classes to accomplish that.