firefox problems with style.css
-
hi,
can somebody help, why firefox doesn’t support the left and right border of the “main{}”body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;margin:0;padding:0; color:#000000;}
#top{width:800px;height:121px;margin:0px auto;padding:0;background:#ffffff; margin-top:15px;
}
#header{margin:0 auto;padding:0; border-left: 1px solid #3E371C;border-right: 1px solid #3E371C;border-top: 1px solid #3E371C;
}
#header h1{text-indent:-10000px;margin:0;padding:0;}
#header h1 a{display:block;background:url(http://s153115652.online.de/logo2.jpg) no-repeat center;height:121px;}
h1, h2, h3 { font-family:Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; font-size:14px; font-weight:bold;}
a:link { text-decoration: none; color : #3E371C; border: none;}
a:active { text-decoration: none; color : #3E371C; border: none;}
a:visited { text-decoration: none; color : #3E371C; border: none;}
a:hover { text-decoration: underline; color : #7C6F39; border: none;}
#nav{background-color:#CFC387;height:35px;border-bottom:#CFD8A3 6px solid;margin:0;padding:0;width:800px;margin-left:auto; margin-right:auto; border-top:solid #3E371C;border-top-width:1px;}}
#nav2{height:35px;width:800px;font-weight:700;margin:0 auto;padding:0;border-bottom:solid #92A145;border-bottom-width:1px;}
ul.nav2{height:35px;line-height:35px;float:left;list-style:none;font-size:14px;font-weight:700;margin:0;padding:0;}
ul.nav2 li{float:left !important;list-style-type:none;margin:0;padding:0;}
ul.nav2 li a,ul.nav2 li a:link,ul.nav2 li a:visited{text-decoration:none;color:#3E371C;float:left;display:block;padding:0 10px;}
ul.nav2 li a:hover{color:#7C6F39;text-decoration:underline;}
ul.nav2 li a:active{color:#3E371C;text-decoration:none;}
ul.nav2 li.current_page_item a{text-decoration:none;color:#3E371C;}
ul.nav2 li ul{float:left;margin:0;padding:0;}
.postmetadata { background:#CFD8A3; padding:5px;border-bottom: 1px solid #92A145; border-right: 1px solid #92A145}#main{margin:0 auto; padding:0; width:798px;
border-top: solid #92A145; border-top-width: 1px;
border-left: solid #92A145; border-left-width: 1px;
border-right: 1px solid #92A145;
}#content{float:left;width:580px;margin:10px 0 0;padding:5px; border-right:1px #92A145 solid;}
.entry{float:left;width:570px;margin-top:5px;padding:0; overflow:hidden;}
#sidebar{float:right;width:200px;margin:10px 0 0;padding:0;}
#rsidebar{float:right;width:200px;margin:0;padding:0; overflow:hidden;}
#rsidebar h2{font-size:12px;border-bottom:#92A145 1px solid;margin:0 0 5px;padding:0;}
#rsidebar ul{list-style-type:none;margin:0;padding:0;}
#rsidebar ul li{list-style-type:none;margin:0 0 10px;padding:0;}
#rsidebar ul li ul{list-style-type:square;margin:0;padding:0 3px;}
#rsidebar ul li ul li{list-style-type:none;background:transparent url(images/page.png) no-repeat 0 0px;border:0;margin:0;padding:0 0 1px 18px;}
.navigation{width:580px;color:#000000;margin:0 auto; padding:0;}
.alignright{float:right;margin-top:10px; margin-bottom:10px;}
.alignleft{float:left;margin-top:10px; margin-bottom:10px;}
#searchform { height:33px; line-height:33px; float:right; margin: 0; padding: 2px; }
input#s { color: #3E371C; width: 200px; border: 1px solid #3E371C; background:#fcfcfc;}
#footer{background:#CFD8A3;clear:both;height:5px !important;margin:0;padding:0;width:800px;margin-left:auto; margin-right:auto; border-bottom: 1px solid #92A145; border-top: 1px solid #92A145;}
#footerbox{background:#CFC387;height:30px;line-height:30px;
!important;margin:0;padding:0;width:800px;margin-left:auto; margin-right:auto; border-bottom: 1px solid #3E371C;}
.footer{width:800px;color:#000000;height:30px;line-height:30px !important;margin:0 auto;padding:0;}
.footer a:hover{text-decoration:underline;color:#7C6F39;border:none;}
.footer a:link,.footer a:active,.footer a:visited{text-decoration:underline;color:#3E371C;border:none;}
.boxcomments{border:5px solid #CFD8A3;border-bottom-width:0px;margin-bottom:20px;width:580px;}
#commentform{border:1px solid #92A145;border-bottom-width:0px;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist :hover{background:#CFC387;}
ol.commentlist li{border-top:1px solid #92A145;border-left:1px solid #92A145;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
ol.commentlist li :hover{background:none;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h2{margin:0;}
ol.tblist{border-top:1px solid #3E371C;list-style:none;margin:0 0 1px;padding:15px;}
ol.tblist li{display:block;list-style:none;background:#CFD8A3;padding-left:15px;margin:0 0 5px;}thanks!
-
yes of course, there is an html element. sorry i missed to mentioned it. the top border works fine in ie and firefox, but the left and right border are only working in ie. i couldnt find the mistake
-
-
sure. i thought the style.css is the source of evil ^^ http://s153115652.online.de/wordpress/
-
IE (7.0.6000.16643) and FF (2.0.0.14) are showing the same margins when I look at the pages. You might want to make sure you’ve cleared the cache in FF, especially if you’re modifying CSS. I’ve found it doesn’t always pick up the new version.
You might also want to try asking on the wordpress.org forums since you’re not hosted on wordpress.com; from what I understand, there are some software differences between the two. (See here for an explanation of the differences.)
-
really strange. on my desktop pc and on my notebook the borders next to the articles (on the left and on the right) are missing. i cleared my cache but nothing changed.
-
Ah – you’re right about the borders, I was looking at the margins. Have you tried another browser for comparison, like Opera? If Opera and FF display it the same way, it’s likely that your CSS is using some Microsoft-specific non-standard rendering. If Opera shows the border (like IE does), then there’s probably a glitch in the FF rendering process.
I’d check, but I haven’t gotten around to installing Opera on this machine. :-)
- The topic ‘firefox problems with style.css’ is closed to new replies.
WordPress.com Forums 
