PDA

View Full Version : CSS MIVA and IE6


lfreeman
04-04-08, 05:31 PM
I desperately need someone in the CSS and Miva knowledge group to fine tune a design issue I am having with IE6. It might be something simple but I have invested way too much time in tracking it down. The particular issue is here:
http://dev.higherpowersupplies.com/PW-SJ.html
Viewed in IE6, the second column drops down under the first.

Nerd Boy Inc
04-04-08, 06:08 PM
Dear Leanne,

Looking at it with IE7 in Vista works.

I have had issues with IE6 looking OK, but IE7 has some issues.

What exactly is showing up wrong on your end?

Leanne
04-04-08, 07:33 PM
It's your widths in the table at the top of the right column for the no. of products in category, etc. You have a table with a width of 430px. In your second row of that table, you have a nested table also with a width of 430px. But, since your image spans the first cell in the second row, that nested table is wider than the parent table, which is pushing the design too wide for the right column in IE6, and forcing it to drop below to accommodate the extra width.


<table align="center" border="0" cellpadding="0" cellspacing="0" width="430">
<tbody><tr>
<td rowspan="4" valign="bottom" width="50"><div style="padding: 10px;"><img src="graphics/00000001/PW-SJ.jpg" alt="Sewer Jetters &amp; Accessories" border="0"></div></td>
<td style="color: rgb(82, 82, 74); font-size: 12px; text-decoration: none;" valign="bottom" width="190">
Result pages:&nbsp;
<font color="#990000">[</font>1<font color="#990000">]</font>&nbsp;
&nbsp;&nbsp;&nbsp;Page 1 of 1
</td>
<td valign="bottom" width="190"><table align="center" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
</tr>
</tbody></table></td>
</tr>

<tr>
<td colspan="2" align="left" valign="bottom">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="430">
<tbody><tr>
<td style="color: rgb(82, 82, 74); font-size: 12px; text-decoration: none;" valign="bottom" width="380">Products found in this category: <b>24</b></td>
</tr>
</tbody></table></td>
</tr>
</tbody>
</table>


Just delete the width from that nested table -- you don't need it.

That'll be $500, please :)

lfreeman
04-04-08, 08:31 PM
Just delete the width from that nested table -- you don't need it.

That'll be $500, please :)


WOW, you are the CSS shark! Thank you.

Do you take paypal?

Leanne
04-04-08, 10:24 PM
Nah, I just have cool tools. I have found the Firefox Firebug extension (https://addons.mozilla.org/firefox/addon/1843) to be absolutely invaluable for troubleshooting layout issues. It's also handy for checking out different color schemes in a design without having to reload everything. I don't know what I'd do anymore without it!

I do take paypal, but I prefer gold coins. Or chocolate ;)