X-Cart forums

[ReadytoCover]

For some reason my product titles in IE7 are not following the 'padding-left: 200px' format I have in the CSS skin file.

In FireFox it works fine


Here is the exact part of the CSS:

h1.product {

font-family:"Trebuchet MS", Verdana, Arial;
    font-size:22px;
    font-weight:regular;
    color:#910000;
    word-spacing:0px;
    display: inline;
    margin-left: 200px;

}

Product Page Example
http://www.readytocover.com/36-x-20-wood-vanity-dressing-makeup-table.html

CSS File:
http://www.readytocover.com/skin1/skin1.css


Any help is greatly appreciated, thanks

[gb2world]

It looks like your h1 tag is not inside a table cell, so IE may be having trouble interpreting the css margin correctly:

Your code:

<table width="100%">
<h1 class="product">36 x 20 Vanity Dressing Table Made For You</h1>
<tr>
<br /><br />
<td class="PImgBox" align="center" valign="top">

If you correct this does it make a difference:

<table width="100%">
 <tr>
  <td class="PImgBox" align="center" valign="top">
   <h1 class="product">36 x 20 Vanity Dressing Table Made For You</h1>
   <br /><br />

[ReadytoCover]

That didn't exactly work but it pointed me to what I needed to do, thank you!