Rank: Newbie
Groups: Member
Joined: 12/4/2008
Posts: 6
|
There is a spacer column in the tabstrip that is throwing off older versions of Internet Explorer. Because of a spacer cell (td) in the table, the words are being spashed together and overlapped. Description of problem below:
Code: HTML/ASPX
<eo:TabStrip ID="tabAccount" runat="server" ControlSkinID="None" MultiPageID="mpMain">
<LookItems>
<eo:TabItem Image-Mode="TextBackground" ItemID="_Default" NormalStyle-CssText="color: #606060;padding: 5px"
Image-BackgroundRepeat="RepeatX">
<SubGroup Style-CssText="cursor: hand;" OverlapDepth="8">
</SubGroup>
</eo:TabItem>
</LookItems>
<TopGroup>
<Items>
<eo:TabItem Text-Html="Account" PageViewID="pvAccount" />
<eo:TabItem Text-Html="Subscriptions" PageViewID="pvSubscriptions" />
<eo:TabItem Text-Html="Events" PageViewID="pvEvents" />
<eo:TabItem Text-Html="Addresses" PageViewID="pvAddress" />
<eo:TabItem Text-Html="Gift Cards" PageViewID="pvGiftcards" />
<eo:TabItem Text-Html="Order History" PageViewID="pvOrderHistory" />
<eo:TabItem Text-Html="Downloads" PageViewID="pvDownloads" />
</Items>
</TopGroup>
</eo:TabStrip>
Which generates the following output. PROBLEM: Notice that the last table cell is set to 99% width. That's the problem! How do we fix this????
Code: HTML/ASPX
<table style="width: 100%;" id="tabAccount" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td valign="top">
<table style="-moz-user-select: none;" border="0" cellpadding="0" cellspacing="0"
width="100%">
<tbody>
<tr>
<td class="eo_css_ctrl_tabAccount2" id="eo_ele_1" style="-moz-user-select: none;">
<table style="-moz-user-select: none; width: 100%;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td id="eo_ele_2" class="eo_css_ctrl_tabAccount1" style="-moz-user-select: none;
color: rgb(96, 96, 96); font-size: 12px; font-style: normal; font-variant: normal;
font-weight: 400; font-family: Arial,Helvetica,sans-serif; text-decoration: none;"
align="center" nowrap="nowrap" valign="middle">
<div style="margin: 0px 3px; -moz-user-select: none;">
<span style="width: 49px; height: 12px;" class="cufon cufon-canvas">
<canvas style="width: 55px; height: 12px; top: 0px; left: -1px;" height="12" width="55"></canvas>
<span class="cufon-alt">Account</span></span></div>
</td>
<td id="eo_ele_3" class="eo_css_ctrl_tabAccount1" style="-moz-user-select: none;
color: rgb(96, 96, 96); font-size: 12px; font-style: normal; font-variant: normal;
font-weight: 400; font-family: Arial,Helvetica,sans-serif; text-decoration: none;"
align="center" nowrap="nowrap" valign="middle">
<div style="margin: 0px 3px; -moz-user-select: none;">
<span style="width: 83px; height: 12px;" class="cufon cufon-canvas">
<canvas style="width: 88px; height: 12px; top: 0px; left: -1px;" height="12" width="88"></canvas>
<span class="cufon-alt">Subscriptions</span></span></div>
</td>
<td id="eo_ele_4" class="eo_css_ctrl_tabAccount1" style="-moz-user-select: none;
color: rgb(96, 96, 96); font-size: 12px; font-style: normal; font-variant: normal;
font-weight: 400; font-family: Arial,Helvetica,sans-serif; text-decoration: none;"
align="center" nowrap="nowrap" valign="middle">
<div style="margin: 0px 3px; -moz-user-select: none;">
<span style="width: 40px; height: 12px;" class="cufon cufon-canvas">
<canvas style="width: 45px; height: 12px; top: 0px; left: -1px;" height="12" width="45"></canvas>
<span class="cufon-alt">Events</span></span></div>
</td>
<td id="eo_ele_5" class="eo_css_ctrl_tabAccount1" style="-moz-user-select: none;
color: rgb(96, 96, 96); font-size: 12px; font-style: normal; font-variant: normal;
font-weight: 400; font-family: Arial,Helvetica,sans-serif; text-decoration: none;"
align="center" nowrap="nowrap" valign="middle">
<div style="margin: 0px 3px; -moz-user-select: none;">
<span style="width: 60px; height: 12px;" class="cufon cufon-canvas">
<canvas style="width: 65px; height: 12px; top: 0px; left: -1px;" height="12" width="65"></canvas>
<span class="cufon-alt">Addresses</span></span></div>
</td>
<td id="eo_ele_6" class="eo_css_ctrl_tabAccount1" style="-moz-user-select: none;
color: rgb(96, 96, 96); font-size: 12px; font-style: normal; font-variant: normal;
font-weight: 400; font-family: Arial,Helvetica,sans-serif; text-decoration: none;"
align="center" nowrap="nowrap" valign="middle">
<div style="margin: 0px 3px; -moz-user-select: none;">
<span style="width: 26px; height: 12px;" class="cufon cufon-canvas">
<canvas style="width: 34px; height: 12px; top: 0px; left: -1px;" height="12" width="34"></canvas>
<span class="cufon-alt">Gift </span></span><span style="width: 35px; height: 12px;"
class="cufon cufon-canvas">
<canvas style="width: 40px; height: 12px; top: 0px; left: -1px;" height="12" width="40"></canvas>
<span class="cufon-alt">Cards</span></span></div>
</td>
<td id="eo_ele_7" class="eo_css_ctrl_tabAccount1" style="-moz-user-select: none;
color: rgb(96, 96, 96); font-size: 12px; font-style: normal; font-variant: normal;
font-weight: 400; font-family: Arial,Helvetica,sans-serif; text-decoration: none;"
align="center" nowrap="nowrap" valign="middle">
<div style="margin: 0px 3px; -moz-user-select: none;">
<span style="width: 37px; height: 12px;" class="cufon cufon-canvas">
<canvas style="width: 46px; height: 12px; top: 0px; left: -1px;" height="12" width="46"></canvas>
<span class="cufon-alt">Order </span></span><span style="width: 45px; height: 12px;"
class="cufon cufon-canvas">
<canvas style="width: 50px; height: 12px; top: 0px; left: -1px;" height="12" width="50"></canvas>
<span class="cufon-alt">History</span></span></div>
</td>
<td id="eo_ele_8" class="eo_css_ctrl_tabAccount1" style="-moz-user-select: none;
color: rgb(96, 96, 96); font-size: 12px; font-style: normal; font-variant: normal;
font-weight: 400; font-family: Arial,Helvetica,sans-serif; text-decoration: none;"
align="center" nowrap="nowrap" valign="middle">
<div style="margin: 0px 3px; -moz-user-select: none;">
<span style="width: 64px; height: 12px;" class="cufon cufon-canvas">
<canvas style="width: 69px; height: 12px; top: 0px; left: -1px;" height="12" width="69"></canvas>
<span class="cufon-alt">Downloads</span></span></div>
</td>
<td style="-moz-user-select: none; width: 99%;">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
Try to set TopLevelItemAlign to "None". That should remove the 99% spacer.
Thanks
|