Extra Nav Bar That I don't Want - Help Please

[DPM]

I have a problem that only seems to show in IE, for some reason there's an extra main nav bar above the original one but can't seem to work out why.

Does anyone know why it's there?

www.dpmperformance.co.uk

[clydejones]

I have a problem that only seems to show in IE, for some reason there's an extra main nav bar above the original one but can't seem to work out why.

Does anyone know why it's there?

www.dpmperformance.co.uk

You have an empty table in your layout.

FF doesn't show the empty table but IE does.

This is from the view source of your site: The highlighted portion is the empty table.

<div id="mainWrapper">

<table width="100%" height="12px">
<tr>
<td>
</td>
</tr>
</table>

<img src="images/scrollspace.gif" height="1" width="4">
<a href="http://www.dpmperformance.co.uk/"><img src="images/DPM2.jpg" alt="DPM Performance - 01207 561606" height="117" width="908">



<br>
<table width="100%" height="10px">
<tr>
<td>
</td>
</tr>
</table>
<!--bof-header logo and navigation display-->
<!--[if IE]>
<link href="includes/templates/future_zen/css_ie/style_ie.css" rel="stylesheet" type="text/css">
<![endif]-->

<div id="headerWrapper">

[DPM]

Thank you so much, is that from my CSS Stylesheet?

[DPM]

I've tried that and it just takes away the white gap which I want to keep, it's th actual blue bar above the nav bar that I want rid of. It's the one that seems to be linked to take you back to the homepage...



It only seems to happen in IE8.

[clydejones]

I've tried that and it just takes away the white gap which I want to keep, it's th actual blue bar above the nav bar that I want rid of. It's the one that seems to be linked to take you back to the homepage...



It only seems to happen in IE8.

It could have something to do with the conditional call to an ie stylesheet.

<br>
<table width="100%" height="10px">
<tr>
<td>
</td>
</tr>
</table>
<!--bof-header logo and navigation display-->
<!--[if IE]>
<link href="includes/templates/future_zen/css_ie/style_ie.css" rel="stylesheet" type="text/css">
<![endif]-->

And something in that stylesheet is inserting the extra bar.

I'd put that conditional statement in the head section of the page and not in the body of the main display.
There is a contribution in the downloads section that does this. (I'm not sure of the name though)

[DPM]

That statement is in the header, should I remove it?

Is it a bad idea to have a different stylesheet for IE and FF?

Does it make the site slower?

[clydejones]

That statement is in the header, should I remove it?

Is it a bad idea to have a different stylesheet for IE and FF?

Does it make the site slower?

You should only need to use stylesheet.css (for FF)

The stylesheet for IE should only contain information that affects the display in IE.

You don't need 3 complete stylesheets.

If I remember correctly you have stylesheet.css, stylesheet_moz.css and stylesheet_ie.css and they all contain the same information which causes conflicts.

[DPM]

That's what I thought. Do I just delete the stylesheet_moz.css?