my page works with ie and aol explorer but not with firefox and opera

[brown2005]

Hi,

I have designed a site and it works in Internet Explorer and Aol Explorer, but it does not work in FireFox and Opera.

Can anyone help me please?

[kenrbnsn]

Please either post a link to your page or some code. Also are you using a DOCTYPE?

Ken

[brown2005]

#header
{
margin: 0px auto;
width: 1000px;
background: url('http://www.allinthissite.co.uk/include/images/bar.gif');
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}

#header #left
{
float: left;
}

#header #right
{
float: right;
}

#header ul
{
margin: 0px auto;
padding: 0px;
}

#header ul li
{
padding: 0px;
display: inline;
list-style: none;
}

#header a.left-link
{
padding: 2px 10px 2px 10px;
color: #fff;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
font-weight: bold;
}

#header a.right-link
{
padding: 2px 10px 2px 10px;
color: #fff;
text-decoration: none;
float: left;
border-left: 1px solid #fff;
font-weight: bold;
}

#header a:hover
{
background-color: #0066FF;
color: #fff;
}

it just says css file

[cmgmyr]

how about the HTML?

[brown2005]

echo("<div id='header'>
      <ul id='left'>
        <li><a class='left-link'></a></li>
        <li><a class='left-link'>Welcome, $session_member&nbsp;&nbsp;</a></li>
        <li><a class='left-link'>Balance:&nbsp;&nbsp;&pound;&nbsp;&nbsp;$session_balance&nbsp;&nbsp;</a></li>
      </ul>
      <ul id='right'>
        <li><a href='$config_website_url/$config_website_url_topic/index.php?page=account&action=home' class='right-link'>My Account</a></li>
        <li><a href='$config_website_url/$config_website_url_topic/files/account/logout.php' class='right-link'>Logout</a></li>     
        <li><a class='right-link'></a></li>
      </ul>       
      </div>");

[brown2005]

it works fine in ie, but if u use ff, it does not show up the bars it just shows the words when u hover over it...

url is http://www.allinthissite.co.uk/index/index.php if you wanna check

[nogray]

try to take the single quotes out of the background image in the css

background: url(http://www.allinthissite.co.uk/include/images/bar.gif);

[brown2005]

nope ive tried that and that does not work mate

[kenrbnsn]

Since your background image is a local file, get rid of the "http://" and just use the local file spec, "include/images/bar.gif".

Ken

[brown2005]

nope still dont show up, look www.allinthissite.co.uk/index/index.php

[nogray]

ohhh, got it.

Since all your elements inside the div tag are floated, you'll need to clear them. otherwise, they will go over the div, and the div won't show up.

You'll need to add this to the style
[code]
.clear_float{clear:both;
    font-size:1px;
    overflow:hidden;}
[/code]

and before you close your div
[code]
.... your code....
<div class="clear_float">&nbsp;</div>
</div>
[/code]

[brown2005]

echo("<div id='header' class='clear_float'>
      <ul id='left'>
        <li><a class='left-link'></a></li>
        <li><a class='left-link'>Welcome, $session_member&nbsp;&nbsp;</a></li>
        <li><a class='left-link'>Balance:&nbsp;&nbsp;&pound;&nbsp;&nbsp;$session_balance&nbsp;&nbsp;</a></li>
      </ul>
      <ul id='right'>
        <li><a href='$config_website_url/$config_website_url_topic/index.php?page=account&action=home' class='right-link'>My Account</a></li>
        <li><a href='$config_website_url/$config_website_url_topic/files/account/logout.php' class='right-link'>Logout</a></li>     
        <li><a class='right-link'></a></li>
      </ul>       
      </div>");

it works but there are a few problems... if you look in firefox u will see please?

any ideas?

thanks

[nogray]

You have an empty link, try to add a space and see if it works.

[brown2005]

sorted mate.

thanks to everyone who has helped me in this matter, it was really bugging....