X-Cart forums - Internet Explorer ARGHhhhhhhhhhhh!!!

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Internet Explorer ARGHhhhhhhhhhhh!!! (https://forum.x-cart.com/showthread.php?t=30401)

Internet Explorer ARGHhhhhhhhhhhh!!!

What the hell is up with Microshaft?

I'm trying to finish off my site so it can go live next Monday. Can anyone help me with a little html/CSS problem I'm having with my head.tpl.

This is the first row in the template:

<tr class="Header">
<td width="550"><a href="{$http_location}/"><img src="{$ImagesDir}/minilogo.gif" width="380" height="120" alt="" /></a></td>
<td width="370" align="right">
<br />
{if $usertype eq "C"}
{*include file="customer/top_menu.tpl"*}
{/if}
</td>
</tr>

The class Header is defined as BACKGROUND-IMAGE: url(images/headbg.jpg);

Looks as it should in Firefox but in both IE6 and IE7 the image repeats in the second cell.

Not live but no orders please as I have a weekends worth of editing ahead of me.

http://www.toysforboys.com.au

Any clues please

beetlejuice

Re: Internet Explorer ARGHhhhhhhhhhhh!!!

Some kind of repeat: once control?

Re: Internet Explorer ARGHhhhhhhhhhhh!!!

Hi Paul,

Tried this:

BACKGROUND-REPEAT: NO-REPEAT;

But to no avail.

Any other suggestions?

Greg

Re: Internet Explorer ARGHhhhhhhhhhhh!!!

It would help to see your CSS setting for Header class. Also, if you could give the code for the whole top table, not just tr & td, that might help.

Re: Internet Explorer ARGHhhhhhhhhhhh!!!

Hi cobaltcat,

Thanks for replying

Here is my head.tpl

Quote:

{* $Id: head.tpl,v 1.58 2006/03/17 08:50:44 svowl Exp $ *}
<table cellpadding="0" cellspacing="0" align="center" width="920">
<tr class="Header">
<td width="550"><a href="{$http_location}/"><img src="{$ImagesDir}/minilogo.gif" width="380" height="120" alt="" /></a></td>
<td width="370" align="right">
<br />
{if $usertype eq "C"}
{*include file="customer/top_menu.tpl"*}
{/if}
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" align="center" width="100%">
{if $main ne "fast_lane_checkout"}
<tr>
<td class="HeadLine" height="45">
{if $usertype eq "C"}
{/if}
<div align="center">
{literal}
<script src="skin1/images/xaramenu.js"></script><script language="" src="skin1/images/trolley.js" Webstyle4>
</script>
{/literal}
</div></td>
</tr>
{else}

{/if}
</table>

and here is the css

Quote:

Header styles
*/
.Header {
BACKGROUND-IMAGE: url(images/headbg.jpg);
WIDTH: 920px;
BACKGROUND-REPEAT: NO-REPEAT;
}
.HeadLogo {
PADDING-LEFT: 10px;
TEXT-ALIGN: left;
}
.HeadRightBox {
VERTICAL-ALIGN: top;
TEXT-ALIGN: right;
}
.HeadText {
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
}
.HeadLine {
BACKGROUND-IMAGE: url(images/hlinebg.jpg);
FONT-COLOR: #FFFFFF;
}
.HeadThinLine {
BACKGROUND-COLOR: #FFFFFF;
HEIGHT: 1px;
}
.PrintableRow {
WIDTH: 100%;
VERTICAL-ALIGN: middle;
PADDING-RIGHT: 176px;
HEIGHT: 18px;
}
.HeadTopPad {
HEIGHT: 18px;
}
.HeadTopPad IMG {
WIDTH: 1px;
HEIGHT: 0px;
}

Thanks for any help or suggestions

regards

beetlejuice

Re: Internet Explorer ARGHhhhhhhhhhhh!!!

Try this:

Code:

{* $Id: head.tpl,v 1.58 2006/03/17 08:50:44 svowl Exp $ *}

<table class="Header" width="920" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td><table cellpadding="0" cellspacing="0" align="center" width="920">

      <tr>

        <td width="550"><a href="{$http_location}/"><img src="{$ImagesDir}/minilogo.gif" width="380" height="120" alt="" /></a></td>

        <td width="370" align="right"><br />

          {if $usertype eq "C"} {*include file="customer/top_menu.tpl"*} {/if} </td>

      </tr>

    </table></td>

  </tr>

</table>

<table cellpadding="0" cellspacing="0" align="center" width="100%">

{if $main ne "fast_lane_checkout"}

<tr> 

<td class="HeadLine" height="45">

{if $usertype eq "C"}

{/if} 

<div align="center">

{literal}

<script src="skin1/images/xaramenu.js"></script><script language="" src="skin1/images/trolley.js" Webstyle4>

</script>

{/literal}

</div></td>

</tr>

{else}





{/if}

</table>

This puts the 1row/2 column table inside a 1 row/1 column table that has the Header class applied. Kind of clunky, but it might work, after a bit of tweaking.

Re: Internet Explorer ARGHhhhhhhhhhhh!!!

Hi cobaltcat,

That did it. Looks as it should now in IE. (after centering it):-)

Thanks heaps, but what is it with IE that it needs another table? Hasn't XCart got too many table anyway?

Roll on CSS, but I'm sure IE will have problems with that also

Thanks again cobaltcat

beetlejuice