Note that there are some explanatory texts on larger screens.

plurals
  1. POTable problems with WebKit
    text
    copied!<p>I'm having trouble getting this code to show up correctly in WebKit browsers(chrome/safari). It looks fine in IE6, IE7, and FireFox. </p> <pre><code>&lt;table width="100%"&gt; &lt;tr&gt; &lt;td rowspan="2" style="vertical-align:middle;"&gt; &lt;a href="http://http://{$smarty.const.DOMAIN}/company/a_cherry_on_top/line/gift_cards/?v=s2"&gt;&lt;img src="/i/thumbnails/acotgc25sm.gif" alt="Gift Certificate"/&gt;&lt;/a&gt; &lt;/td&gt; &lt;td style="vertical-align:middle;"&gt; &lt;a href="http://{$smarty.const.DOMAIN}/article?a=2044" target="_top"&gt;Wishlist&lt;/a&gt; &lt;/td&gt; &lt;td style="vertical-align:middle;"&gt; &lt;a href="http://{$smarty.const.DOMAIN}/article?a=2125" target="_top"&gt;Link to Us&lt;/a&gt; &lt;/td&gt; &lt;td style="vertical-align:middle;"&gt; &lt;a href="http://www.shareasale.com/shareasale.cfm?merchantID=8362" target="_blank"&gt;Affiliate Program&lt;/a&gt; &lt;/td&gt; &lt;td style="vertical-align:middle;"&gt; &lt;a href="http://{$smarty.const.DOMAIN}/article?a=1521" target="_top"&gt;Privacy&lt;/a&gt; &lt;/td&gt; &lt;td style="vertical-align:middle;"&gt; &lt;a href="http://{$smarty.const.DOMAIN}/article?a=1395" target="_top"&gt;Guarantee&lt;/a&gt; &lt;/td&gt; &lt;td rowspan="2" style="width:160px;"&gt; &lt;script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&amp;up_source_language=en&amp;w=160&amp;h=60&amp;title=&amp;border=&amp;output=js"&gt;&lt;/script&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="vertical-align:middle;"&gt; &lt;a href="http://{$smarty.const.DOMAIN}/article?a=3069" target="_top"&gt;About Us&lt;/a&gt; &lt;/td&gt; &lt;td style="vertical-align:middle;"&gt; &lt;a href="http://{$smarty.const.DOMAIN}/article?a=1467" target="_top"&gt;Shipping&lt;/a&gt; &lt;/td&gt; &lt;td style="vertical-align:middle;"&gt; &lt;a href="http://{$smarty.const.DOMAIN}/article?a=12342383" target="_top"&gt;Why Buy From Us&lt;/a&gt; &lt;/td&gt; &lt;td style="vertical-align:middle;"&gt; &lt;a href="http://{$smarty.const.DOMAIN}/article?a=1397" target="_top"&gt;Contact Us&lt;/a&gt; &lt;/td&gt; &lt;td style="vertical-align:middle;"&gt; &lt;a href="http://{$smarty.const.DOMAIN}/help" target="_top"&gt;Help&lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre> <p>The problem is that WebKit makes the top row very small and the bottom row fill in the rest of the space instead of each row having an equal height.</p> <p>Anyone have any ideas of how to make it show up how I want it to in WebKit based browsers?</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload