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 !

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

Regards,
Diane
Pret travaux

i am facing the vice versa problem

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.

Thanks for the useful information

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

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

Can I see the site you have running?

______
World Travel Guide | Left-Handed Stuff

me to get same error ? whatis fix?

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.

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

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

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

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

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/

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.