Jump to content


Photo

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


  • Please log in to reply
13 replies to this topic

#1 brown2005

brown2005
  • Members
  • PipPipPip
  • Advanced Member
  • 943 posts

Posted 10 July 2006 - 11:46 AM

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?

#2 kenrbnsn

kenrbnsn
  • Staff Alumni
  • Advanced Member
  • 8,235 posts
  • LocationHillsborough, NJ, USA

Posted 10 July 2006 - 11:52 AM

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

Ken

#3 brown2005

brown2005
  • Members
  • PipPipPip
  • Advanced Member
  • 943 posts

Posted 10 July 2006 - 11:57 AM

#header
{
margin: 0px auto;
width: 1000px;
background: url('http://www.allinthis.../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


#4 cmgmyr

cmgmyr
  • Members
  • PipPipPip
  • Advanced Member
  • 1,278 posts
  • LocationUSA

Posted 10 July 2006 - 12:45 PM

how about the HTML?

#5 brown2005

brown2005
  • Members
  • PipPipPip
  • Advanced Member
  • 943 posts

Posted 10 July 2006 - 12:52 PM

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>");

#6 brown2005

brown2005
  • Members
  • PipPipPip
  • Advanced Member
  • 943 posts

Posted 10 July 2006 - 12:53 PM

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.allinthis...index/index.php if you wanna check

#7 nogray

nogray
  • Members
  • PipPipPip
  • Advanced Member
  • 930 posts
  • LocationSan Francisco CA

Posted 10 July 2006 - 03:54 PM

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

background: url(http://www.allinthis.../images/bar.gif);

NoGray.com


#8 brown2005

brown2005
  • Members
  • PipPipPip
  • Advanced Member
  • 943 posts

Posted 10 July 2006 - 03:59 PM

nope ive tried that and that does not work mate

#9 kenrbnsn

kenrbnsn
  • Staff Alumni
  • Advanced Member
  • 8,235 posts
  • LocationHillsborough, NJ, USA

Posted 10 July 2006 - 05:57 PM

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

#10 brown2005

brown2005
  • Members
  • PipPipPip
  • Advanced Member
  • 943 posts

Posted 10 July 2006 - 06:57 PM

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

#11 nogray

nogray
  • Members
  • PipPipPip
  • Advanced Member
  • 930 posts
  • LocationSan Francisco CA

Posted 10 July 2006 - 07:11 PM

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
.clear_float{clear:both;
     font-size:1px;
     overflow:hidden;}

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

NoGray.com


#12 brown2005

brown2005
  • Members
  • PipPipPip
  • Advanced Member
  • 943 posts

Posted 10 July 2006 - 07:38 PM

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

#13 nogray

nogray
  • Members
  • PipPipPip
  • Advanced Member
  • 930 posts
  • LocationSan Francisco CA

Posted 10 July 2006 - 08:51 PM

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

NoGray.com


#14 brown2005

brown2005
  • Members
  • PipPipPip
  • Advanced Member
  • 943 posts

Posted 11 July 2006 - 07:27 AM

sorted mate.

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





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users