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
Be more specific with what
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.
Hi, yeh we'd need abit more
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
Screenshot and domain
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