Quick Question, Annoying Gap on IE

[Bacon Butty]

Hi guys,

I am working on a new header for my vBulletin forums, and I am baffled as to why this code;


<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td bgcolor="#FFFFFF">
<img src="headerimage1.jpg" border="0">
<!-- breadcrumb, login, pm info -->
<table style="background-image:url(headerimage2.jpg); background-color:#ffffff; background-position:left; background-repeat:no-repeat;">
<tr>

Creates a perfect header on firefox (here http://img82.imageshack.us/img82/9106/firefoxye1.jpg ), but on IE, theres a line - http://img529.imageshack.us/img529/2746/iexc6.jpg

I have spent hours trying to resolve this.

Any ideas/solutions greatly appreciated :)

[Attitude5ire]

Looks like Cell spacing or padding, IE does render tables differently. Try adding cellspacing and cellpadding 0 to your table in header.

P.S: jus a tip style using classes is much neater solution.

[Bacon Butty]

Thanks for helping.

Missed a bit of code of though sorry, already have;

<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">

Above the code mentioned earlier. Now edited first post.

I wouldn't know how to use 'classes'

[Attitude5ire]

You have another table there.. which has style:attribute..
Classes are used using CSS.

Jus post your whole header template here.
if you can link to vb forum wud be helpful too.

[Guest210212002]

http://validator.w3.org

58 Errors for your site, start there.

http://www.sevenstring.org/chris/goterrors.jpg

[Bacon Butty]

You have another table there.. which has style:attribute..
Classes are used using CSS.

Jus post your whole header template here.
if you can link to vb forum wud be helpful too.

Its actually in the navbar (editing pre made skin...)

[Attitude5ire]

Well i dont think its the same skin.
anyway try this

<table style="background-image:url(images/feelingblues/misc/header_line2.jpg); background-color:#ffffff; background-position:left; background-repeat:no-repeat;">


Add cellspacing and padding to this table.Also you shoudve put your header image in header template as there is already slot for it there.. anyway try this.


<table cellpadding="0" cellspacing="0" style="background-image:url(images/feelingblues/misc/header_line2.jpg); background-color:#ffffff; background-position:left; background-repeat:no-repeat;">

[Bacon Butty]

Okay, I stuck it in the header template and I believe you meant to make these changes?;