Hello everyone,

I’m very new to CSS and really stuck at the moment not understanding what the problem is. Everything works in IE but in Firefox it’s completely messed up. If anyone can point me to the right direction how I can solve it I would really really appreciate that!!!

The site is:
http://www.trial.guste.co.uk

CSS code:
body{
border: 2px solid;
border-color: green;
border-width: 6px;
font: normal normal normal 80% Myriad Pro, arial, helvetica, sans serif;
color: black;
margin:0;
padding:0;
background-color: #A5967E;
}

#container {
border: 2px solid;
border-color: red;
background-color: white;
width: 960px;
height: 680px;
margin: 10px auto;
position: relative;
}

#header{
border: 2px solid;
border-color: blue;
width: 956px;
height: 85px;
margin-top: 0;
margin-left: 0;
}

#logo{
width: 144px;
height: 119px;
position: absolute;
margin-top: 0;
margin-left: 0;
position: absolute;
z-index: 1;
}

#emailbox{
border: 2px solid;
border-color: green;
background-color: #A5967E;
width: 956px;
height: 20px;
margin-top: 35px;
margin-left: 0px;
position: absolute;
z-index: 0;
}

h1{
font: normal small caps normal 0.1em Myriad Pro, arial, helvetica, sans serif;
color: white;
margin-top: 39px;
margin-left: 790px;
position: absolute;
z-index: 2;
}

#column_left {
border: 2px solid;
border-color: purple;
border-width: 2px;
width: 500px;
height: 360px;
float: left;
}

#navbar {
border: 2px solid;
border-color: black;
border-width: 2px;
width:420px;
height:42px;
float: right;
}

Hello,

The reason your website is not displaying correctly in Firefox and other standards compliant browsers is because the CSS file you are trying to reference is not named correctly. CSS files should be named in the following format: “filename.css”. If your website is dynamic, the CSS file can be generated with PHP, but that is another subject. Currently your CSS file is named: css.txt. Once you change it to the correct filename you should see the styles applied to your website.

I do have one other suggestion for you. Try building your website in Firefox using the web developer tool. Then bug fix the CSS for non-compliant browsers like Internet Explorer 6 and 7.

I concur.

Thanks so much for trying to help.

I did rename the file now it has ending .css but it doesn’t seem to solve the problem.

I know it’s probably very idiotic question for advanced users in this forum, but how do you generate your .css file with .php ?

And can this be the case that still causes the problem ?

aciu :)

When I open your page in firebug (firefox extension) and edit the stylesheet link to “css.css” it works for me.
My best advice is to rename the file to “style.css” update your link and refresh the page a couple of times and wait for the cache to clear.

I named my file “style.css” and it did work!

Thank you so much!

I’m so happy :)

building your website in Firefox using the web developer tool. Then bug fix the CSS for non-compliant browsers like Internet Explorer 6 and 7

romiz - 19 December 2008 05:15 AM

building your website in Firefox using the web developer tool. Then bug fix the CSS for non-compliant browsers like Internet Explorer 6 and 7

download comedy movies

make money online

web hosting

Thanks so much for trying to help.
internet tips

hi

Thanks for sharing for best technic

Firefox and other standards compliant browsers is because the CSS file you are trying to reference is not named correctly. CSS files should be named in the following format: ”filename.css”. If your website is dynamic, the CSS file can be generated with PHP, but that is another subject. Currently your CSS file is named: css.txt. Once you change it to the correct filename you should see the styles applied to your website.
_______________________
Best Dating Services
diversity job

hi well done on answering this topic it was one reason I am here thanks to your info I have now solved my CSS problem ... cheers

I Bookmarked this thread for future

Regards

ronchi137