X-Cart forums - H1 in IE7 doesn't follow CSS margin formatting?

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

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

- - H1 in IE7 doesn't follow CSS margin formatting? (https://forum.x-cart.com/showthread.php?t=45646)

ReadytoCover

02-17-2009 01:06 PM

H1 in IE7 doesn't follow CSS margin formatting?

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:

Code:

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

02-17-2009 02:52 PM

Re: H1 in IE7 doesn't follow CSS margin formatting?

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:

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:

Code:

<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

02-17-2009 03:08 PM

Re: H1 in IE7 doesn't follow CSS margin formatting?

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

All times are GMT -8. The time now is 12:02 AM.