Please help, Firefox/IE compatibility....

Drummertom999 posted this at 10:14 — 20th July 2005.

They have: 2 posts

Joined: Jul 2005

here is the code......

<
title>to fix this.html

#navbar {width:250px; border : 1px solid #FFFF66;};
#navbar a{ color:#000000; background-color:#660099; width:250; height:20; text-align:center; text-decoration:none; font-size:12;}

test

Now i know it isnt laye dout exactly as it should be, but if you run it in both IE and Firefox you get different results. Can someone suggest why IE displays it correctly and why Firefox doesnt??

Thankyou

Tom

Renegade posted this at 10:37 — 20th July 2005.

He has: 3,022 posts

Joined: Oct 2002

#navbar a{ color:#000000; background-color:#660099; width:250; height:20; text-align:center; text-decoration:none; font-size:12;}

Always define units. 250 what? cows? 20 what? apples?

Drummertom999 posted this at 11:58 — 20th July 2005.

They have: 2 posts

Joined: Jul 2005

i have tried adding px to the end but this has no effect on the colours not showing in firefox.

baldrick posted this at 13:42 — 20th July 2005.

He has: 388 posts

Joined: Apr 2005

I think for firefox you hve to put the border style before any other border stuff.
im not sure about this but its worth a try.

DSMag posted this at 14:50 — 20th July 2005.

He has: 11 posts

Joined: Jul 2005

I solved your problem, as it was very simple. It will cause another problem though (as the link is not the full width of the box).

<html>
<head>
<title>to fix this.html</title>
<style type="text/css">
#navbar {
  width:250px;
  border : 1px solid #FFFF66;
}
#navbar a { 
  color:#000000; 
  background-color:#660099; 
  width:250px; 
  height:20px; 
  text-align:center; 
  text-decoration:none; 
  font-size:12pt;
}
</style>
</head>
<body>

  <div id="navbar"><a href="">test</a></div>

</body>
</html>

That should get your purple in there, you had an extra ; in your code. Hope this gives you a starting point to get it to work the rest of the way.

- James

What's Your Factor? - T-shirt Design Contest (FREE to enter)
Design Studio Magazine - connecting designers with ASP, CSS, PHP, SEO, Graphics, and more
Christian Designs - where quality and honesty share a friendship.
Focus Minded - my Blog