Firefox display issue (different than the php issue)
-
I have encountered an odd problem with my template in firefox. I recently moved over from blogger, where it worked in IE, Firefox, and Safari.
Now that I’m on wordpress, however, my template refuses to center in firefox. Automargin is set, but firefox ignores it. The css seems to be fine, and now I’m wondering if it isn’t an issue with wordpress.
I’ve had a couple of other people look at it, and we can’t figure out what the problem is. Any help would be greatly appreciated.
The page is:
http://www.oldcrankybrewers.com
I modified the default theme. Here is the relevant css:
/body {
background:#fff;
width:100%;
font:x-small trebuchet,Verdana,Sans-serif;
color:#fff;
font-size/* */:/**/small;
font-size: /**/small;
}/* Page Structure
———————————————– */
#wrapper{
background:#fff;
width: 890px;
margin-left: auto;
margin-right: auto;
color: “red”;
}@media all {
#leftcolumn {
background:#000;
width: 890px;
text-align:center;
float:left;
color:#fff;
margin-top:-50px;
}#navbar {
background:#000;
width:176px;
float:left;
color:#fff;
border-left:thin solid black;
}#main{
background:#fff url(“http://i68.photobucket.com/albums/i8/bndooley/crankyright1.png”) no-repeat left top;
width:523px;
float:left;
color:#000;
overflow:hidden;
}#content{
background:#fff;
color:#000;
width:420px;
float:left;
text-align:left;
padding-left: 40px;
}
}#sidebar {
background:#000;
width:170px;
color:#369;
font-size:95%;
text-align:left;
float:left;
overflow:hidden;
}@media handheld {
#main {
width:100%;
float:none;
}
#sidebar {
width:100%;
float:none;
}
}#sidebar2 {
margin:0;
padding:2px 0px 0 30px;
}
/
Thanks in advance for any help
- The topic ‘Firefox display issue (different than the php issue)’ is closed to new replies.