Unusual Navbar CSS conflict.

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Scam Warning
Locked
mark99
Registered User
Posts: 21
Joined: Thu May 24, 2007 10:03 am

Unusual Navbar CSS conflict.

Post by mark99 »

Unusual Navbar CSS conflict.

I have an annoying little problem that I've been unable to solve, my page header's Navbar works fine on every other page except when I integrate it into the forum (note: still works with Firefox, but not IE). Here's how it should look:

Image

..and here's how it looks under IE7 (note: still fine on everything else except the forum).

Image

The code for this is:

<div id="topleft" align="center">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">Listings</a></li>
<li><a href="#">Reviews</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Jargon</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>

The CSS is:

Code: Select all

#topleft {
 float:left;
 width:410px;
 height:110px;
 background: #FFF url(http://REMOVED/images/logo3a.png) no-repeat;
 text-align: left;
}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
margin-top: 94px;
font-size: 12px;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #95c359;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #95c359;
text-decoration: none;
}

#navlist li a:hover, #navlist li a#active
{
background: #777777; 
}
Anybody have any ideas, I'm sure it's something simple but the fact it works in everything else, just not the forum under IE, is really bugging me. Note that this header is placed above phpbb's #wrap code, so it should be out of the forums influence. Even when included inside WRAP the problem still exists.
mark99
Registered User
Posts: 21
Joined: Thu May 24, 2007 10:03 am

Re: Unusual Navbar CSS conflict.

Post by mark99 »

Well I'm stumped, now tried everything I can think of and the bug still occurs. Something in the forum's CSS must be conflicting but I just can't figure out how or where. Guess that's the disadvantage to CSS, it's damn complex to diagnose vs ordinary HTML.
Locked

Return to “[3.0.x] Styles Support & Discussion”