1 of 2
1
The website works fine in internet explorer but not in firefox
Posted: 15 April 2009 07:33 AM   [ Ignore ]
Newbie
Rank
Total Posts:  1
Joined  2009-04-15

Hi friends,

I am new to the CSS but i have made a point in myself to help a friend of mine to develop a website for him.
Temp we are developing this site which is somehow running in the net. I am having problems in firefox. My webpage is fine in the internet explorer but not firefox. Can anybody help me start?

I need your help ! I guess that my CSS may have errors and internet explorer is automatically correcting it. Please guide my error. Thanks !

This is my CSS code:

#header {
  display:block;
  background-image:url(images/header.png);
  height:129px;
  width:899px;
}
 
#menu{
background-image:url(images/Menubar.png);
height:46px;
width:899px;
display:block;
text-align:left;
}

.footer{
background:#290027;
height:3px;
       
}

.footer h5{
  font-family: sans-serif;
  font-size: 10px;
  color: white;
  font-weight:200;
  margin-left:15px;
  margin-top:1px;
 
}


.contents{
background-image:url(images/bgcontents.png);
width:899px;
text-align:left;
}
.contents p{
margin-left:10px;
margin-top:10px;
font-family: lucida sans,sans-serif,Arial, Helvetica;
color: #000000;
font-weight: 900;
font-size:14px;
}

#container-nav{
margin-left:95px;
margin-top:5px;
}

a.nav{
float:left;
display:block;
style:none;
}
a.nav.home{
margin-right:15px;
width: 48px;
height:35px;
background: url(“images/m_home.png”) 0 0 no-repeat;
border-bottom:10px;
}

a.nav.home:hover{
background-position: 0 -36px;
}

#c_home{
margin-right:15px;
width: 48px;
height:35px;
background: url(“images/m_home.png”) 0 0 no-repeat;
background-position: 0 -36px;

}

a.nav.contact{
margin-right:15px;
width: 65px;
height:35px;
background: url(“images/m_Contact.png”) 0 0 no-repeat;

}

a.nav.contact:hover{
background-position: 0 -36px;
}

a.nav.catering{
margin-right:15px;
width: 79px;
height:35px;
background: url(“images/m_caterings.png”) 0 0 no-repeat;

}

a.nav.catering:hover{
background-position: 0 -36px;
}

a.nav.fashion{
margin-right:15px;
width: 128px;
height:35px;
background: url(“images/m_fashiondesign.png”) 0 0 no-repeat;

}

a.nav.fashion:hover{
background-position: 0 -36px;
}

p.main{
font-family: sans-serif;
font-size: 13px;
color: #290027;
}

p.main:first-letter {
font-size:18px;
}

div.main{
width: 760px;
margin-left:50px;
}
Thanks for any kind souls to help. Please guide me :)

I hope someone can advice me. Thanks !

Profile
 
 
Posted: 16 September 2009 08:34 AM   [ Ignore ]   [ # 1 ]
Newbie
Rank
Total Posts:  1
Joined  2009-09-16

Yikes. I wish i could help you but i don’t know much about CSS myself. Good luck.

Regards,
Diane
Pret travaux

Profile
 
 
Posted: 16 September 2009 01:06 PM   [ Ignore ]   [ # 2 ]
Newbie
Rank
Total Posts:  2
Joined  2009-09-16

i am facing the vice versa problem

Profile
 
 
Posted: 18 September 2009 12:10 PM   [ Ignore ]   [ # 3 ]
Newbie
Rank
Total Posts:  8
Joined  2009-07-31

It’s kind of hard to “visualize” the problem this way, so a link to your site would be handy.
What version of ie are you running?
Because ie6 renders the box-model in it’s own, non-standards compliant, way. This causes different widths and heights for boxes in ie and compliant browsers such as firefox. But there are hacks for this kind of thing: tanhack; *html hack.
Hope this helps.

Profile
 
 
Posted: 18 September 2009 02:16 PM   [ Ignore ]   [ # 4 ]
Newbie
Rank
Total Posts:  2
Joined  2009-09-16

Thanks for the useful information

Profile
 
 
Posted: 03 May 2010 11:05 PM   [ Ignore ]   [ # 5 ]
Sr. Member
RankRankRankRank
Total Posts:  139
Joined  2010-04-23

So what’s the problem?
____________________
sudoku - social - puppies

Profile
 
 
Posted: 20 May 2010 01:45 AM   [ Ignore ]   [ # 6 ]
Newbie
Rank
Total Posts:  14
Joined  2010-04-22

The problem is that he can’t get the code to work properly on his site.

Profile
 
 
Posted: 14 June 2010 05:19 PM   [ Ignore ]   [ # 7 ]
Newbie
Rank
Total Posts:  6
Joined  2009-11-06

Can I see the site you have running?


______
World Travel Guide | Left-Handed Stuff

Profile
 
 
Posted: 19 June 2010 10:38 PM   [ Ignore ]   [ # 8 ]
Newbie
Rank
Total Posts:  2
Joined  2010-06-19

me to get same error ? whatis fix?

Profile
 
 
Posted: 22 June 2010 02:40 PM   [ Ignore ]   [ # 9 ]
Newbie
Rank
Total Posts:  1
Joined  2010-06-22

That is absolutely correct. I think I saw some script that serves your visitors to firefox, opera, etc., depending on what kind of browsers they have. I´ll gonna search it for you, and give you a link, once I found something.

Profile
 
 
Posted: 24 June 2010 01:35 AM   [ Ignore ]   [ # 10 ]
Newbie
Avatar
Rank
Total Posts:  12
Joined  2010-06-06

background-image: url(‘images…’) : single quotes

font-family: sans-serif; should be font-family:“sans-serif”;

Remember, when the font name has more than one word, use quotes.
That is a CSS rule.

So it would be:
font-family: “lucida sans”,“sans-serif”,Arial, Helvetica;
NOT font-family: lucida sans,sans-serif,Arial, Helvetica;

Also background: url(“images/m_home.png”) 0 0 no-repeat;
should be background-image: url(‘images/m_home.png’) 0 0 no-repeat;

And these:
background-image: url(‘images/m_home.png’) 0 0 no-repeat;
background-image: url(‘images/m_Contact.png’) 0 0 no-repeat;
background-image: url(‘images/m_caterings.png’) 0 0 no-repeat;
background-image: url(‘images/m_fashiondesign.png’) 0 0 no-repeat;

________________________________________________________
affordable seo company

Profile
 
 
Posted: 05 July 2010 04:38 PM   [ Ignore ]   [ # 11 ]
Newbie
Rank
Total Posts:  3
Joined  2010-04-18

I’ve had strange things happen in firefox too (vs. explorer) so appreciate the info and code!

Profile
 
 
Posted: 20 August 2010 08:33 AM   [ Ignore ]   [ # 12 ]
Newbie
Rank
Total Posts:  4
Joined  2010-08-16

i dont think the coding you used has any kind of problem it’s not a coding problem i think .legit work from home

Profile
 
 
Posted: 17 September 2010 04:02 PM   [ Ignore ]   [ # 13 ]
Newbie
Rank
Total Posts:  3
Joined  2010-09-17

i showed this to a friend of mine who is an expert in CSS and he told me that the coding is fine and the problem is somewhere else. he suggested that you must contact firefox admin and they will certainly help you.


_____________________________________________________________
Ben 10 Games
Ben 10

Profile
 
 
Posted: 20 September 2010 08:06 AM   [ Ignore ]   [ # 14 ]
Newbie
Rank
Total Posts:  1
Joined  2010-09-10

Shop promotional products, promotional items, marketing products, giveaways, business gifts and personalized products at AnyPromo.com. Logoed shirts, pens, bags, cups and more. The largest selections, brands you trust, everyday low prices! Shop Today, Ship Tomorrow.

http://www.anypromo.com/

Profile
 
 
Posted: 20 September 2010 04:23 PM   [ Ignore ]   [ # 15 ]
Newbie
Rank
Total Posts:  4
Joined  2010-09-20

A commonly quoted rule of thumb is that it’s better to develop your pages to work with Firefox and *then* adapt them to work with IE, rather than the other way round. I would guess this is because Firefox is a lot better at following standards!

FWIW, I’ve noticed that if it works in Firefox, it’s generally fine in Chrome and Safari, even though those two are based on a different layout engine to Firefox. So while it’s better than it used to be, IE is still the barrier in terms of compatibility.

Profile
 
 
   
1 of 2
1