Stumped IE problem [Archive]

Butcher

06-11-2009, 07:34 PM

Ok sat and made a new style first time in a while i'll tell you.

All looks great (well does to me) in firefox. So before i was due to share i took a peek at how it looked in IE and as usual it's being a pain. The header seems to have lifted away fro the forums block.

See screen shots and you see.
How do i get rid of this gap between header images and main forum in IE

here is my header code


<a name="top"></a>
<table cellpadding="0" cellspacing="0" border="0" width="960" align="center" class="headerbg">
<tr>

<td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="images/logo.gif" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td><if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else /></if></td>
<td align="$stylevar[right]"><img src="images/header_r.gif" border="0">
</td>

</tr>
</table>

Lynne

06-11-2009, 08:25 PM

What does the page source look like?

Butcher

06-11-2009, 08:53 PM

hmmmm
Can't see any diff between the two or anything that would make this happen.
anyway here's what the header part loks like in page source. Not sure how much you want to see

</script>
<script type="text/javascript" src="http://style.the-redlion.org.uk/forums/clientscript/vbulletin_lightbox.js?v=382"></script>

</head>
<body>


<a name="top"></a>
<table cellpadding="0" cellspacing="0" border="0" width="960" align="center" class="headerbg">
<tr>

<td align="left"><a href="index.php"><img src="images/logo.gif" border="0" alt="Design's" /></a></td>
<td></td>
<td align="right"><img src="images/header_r.gif" border="0">
</td>

</tr>
</table>


<div align="center"><img src="http://style.the-redlion.org.uk/forums/images/boxt.jpg"></div>
<table cellpadding="0" cellspacing="0" border="0" width="960" align="center">
<tr>
<td align="left" class="box">




i've had stuff like this creap up before in the past but tonight i'm stumped and thought i'd ask :)

Lynne

06-11-2009, 10:25 PM

RCWF-AoD

06-12-2009, 01:55 AM

IE is such a pain in the rear man. If you don't have the spacing right, the right page breaks or even the centering tags right, it ALWAYS seems like IE is the first to notice LOL.

It looks like you may have an enter mark between tags somewhere. You may have forgot a </tr> tag though the way it looks.

Butcher

06-12-2009, 02:51 PM

So, the gap you are seeing is right where the  is - after the close of the table and before the div tag? Perhaps the div tag has some padding around it? I know firebug is a great addon for firefox to figure these things out, I would guess there is something similar for IE. You might want to see about that and see if you can figure it out using something like that.

I thought as much myself so removed the div line as that was just adding some extra space and the line break is still present.

I just wish the uneducated would stop using IE ;)
hate the damn program. Could release this style if so :)

RCWF-AoD

06-13-2009, 04:56 AM

Could it be the class in the table?

<table cellpadding="0" cellspacing="0" border="0" width="960" align="center" class="headerbg">

Does the "headerbg" class have anything for bottom border sizes? I haven't used the tags in a while like that, but I know you can somehow set border sizes for tables on different sides... Maybe that's the problem and it's causing a border?

Butcher

06-13-2009, 09:35 AM

yeah possibly. But I scrapped that header design now and came up with something else :)