Hey Everyone,

I have a problem with my website.
In IE it's all working fine, but in Firefox it is really a mess. So mebye i have made a mistake in my CSS.
I hope anyone can help?

Thanks,
Tim

A piece of my CSS --

/* Generic elements */

body {
background:#444444;
margin:0;
padding:0;
font: 12px/170% Verdana;
color: #333333;
}

body.mceContentBody {
background: #FFFFFF;
}

a:link, a:visited, a.hover, a.active, {
color: #333333;
text-decoration: none;
}

#container-full {
width: 794px;
margin-left: auto;
margin-right: auto;
background:#FFFFFF;
}

#header-full {
margin-top: 0px;
}

#header {
/* de header zelf GEEN DATA */
}

#primary-links, {
font-weight:bold;
font-size:10px;
position:absolute;
margin-top: 172px;
margin-left: 50px;
}

ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited, ul.primary-links li a:hover, ul.primary-links li a.active {
color: #FFFFFF;
}

#secondary-links, {
font-weight:bold;
font-size:11px;
text-align:center;
}

#frontpage-top-left {
width: 342px;
text-align:left;
float:left;
background-color:#e8e8e8;
margin-left: 29px;
padding: 0px;
}

#frontpage-top-right {
width: 346px;
text-align:left;
margin-left:25px;
float:left;
background-color:#e8e8e8;
}

#text-block {
padding-left:0px;
padding-right:0px;
}

/* BASIC */
#content-full {
width: 786px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

#tabs {
font: 12px/170% Verdana;
width:780px;
text-align:left;
clear:both;
padding-top:10px;
}

#message { /* alerts to the user */
font: 12px/170% Verdana;
width:780px;
text-align:left;
background-color: #E9FB04;
border: 0px solid #ccc;
padding:0px;
clear:both;
}

#help { /* administration help */
font: 12px/170% Verdana;
width:780px;
text-align:left;
border: 0px solid #ccc;
padding: 0px;
}

#main {
text-align:left;
}

#footer-full {
width: 794px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

Comments

ericprk’s picture

Be more specific with what is not working. I'd also recommend coding your CSS for firefox first and then fix the bugs for IE.

thomjjames’s picture

Hi,

yeh we'd need abit more specific info in order to help, could you attach a screenshot of the problem?

couldn't see any obvious errors in the css.

Tom
______________________________________________
http://adrenalinehub.com
http://blogyoursprog.com
http://teachyourselfdrupal.com
http://codelessons.com

______________________________________________
https://tomswebstuff.com

tim.hanssen’s picture

The domain is: www.creatiespiraal.nl.
And the problem is the menu. In IE it's working just fine, in Firefox it's on the top of the page, the Postition element is not working there.

The IE screenshot is here:
http://www.creatiespiraal.nl/screenshot-ie.png

And the Firefox
http://www.creatiespiraal.nl/screenshot-firefox.png

Thanks,
Tim