Title: Deciphering CSS in Firefox/IE Last modified: August 18, 2016 --- # Deciphering CSS in Firefox/IE * [barishiman](https://wordpress.org/support/users/barishiman/) * (@barishiman) * [20 years, 9 months ago](https://wordpress.org/support/topic/deciphering-css-in-firefoxie/) * I’m having a bit of a problem, like most, about customizing CSS and having it work both in Firefox and IE. First off I know CSS well and been using it for a few years but lately I’ve become baffeled. I switched my site over to WP and created a custom template with corresponding css. Up till yesterday my site was viewable both in Firefox and IE, but now Firefox views the page without a key wrapper. * I have a wrapper that contains the background for my sidebar, which is in two colors. IE views the page fine, but Firefox just displays a white background. I didn’t edit any of my CSS, though I tried cleaning up some code in the sidebar. However, even removing all the code in the sidebar and leaving the two divs I still recieve a white background. Can someone please look over my site and see as to why this is happening? * Usually I have problems with IE not creating a page correctly, but now the opposite with Firefox and this perplexes me. BTW I’m using the Falbum plug-in in the sidebar. * thanks * [http://www.traderelic.com](http://www.traderelic.com) Viewing 9 replies - 1 through 9 (of 9 total) * [estjohn](https://wordpress.org/support/users/estjohn/) * (@estjohn) * [20 years, 9 months ago](https://wordpress.org/support/topic/deciphering-css-in-firefoxie/#post-288207) * [http://jigsaw.w3.org/css-validator/validator?uri=http://www.traderelic.com/&usermedium=all](http://jigsaw.w3.org/css-validator/validator?uri=http://www.traderelic.com/&usermedium=all) * [http://validator.w3.org/check?uri=http%3A%2F%2Fwww.traderelic.com%2F](http://validator.w3.org/check?uri=http%3A%2F%2Fwww.traderelic.com%2F) * Validate it with the CSS and HTML validator.. the errors is where the problem is * Thread Starter [barishiman](https://wordpress.org/support/users/barishiman/) * (@barishiman) * [20 years, 9 months ago](https://wordpress.org/support/topic/deciphering-css-in-firefoxie/#post-288223) * that should hardly be the problem as it worked fine with errors. I just went through validating the CSS and XHTML and they are prestine. * So what’s causing the problem? * [estjohn](https://wordpress.org/support/users/estjohn/) * (@estjohn) * [20 years, 9 months ago](https://wordpress.org/support/topic/deciphering-css-in-firefoxie/#post-288233) * interesting. flock, ff, mozilla, opera and netscape all act the same. ie is the only one that shows a background. but, IE also pushes the right sidebar down and centers it vertically instead of having it at the top like all the others do. Is that the background of a cell or table? Do you have the [http://www.traderelic.com/wp-content/themes/traderelic/images/wrapper_bg.jpg](http://www.traderelic.com/wp-content/themes/traderelic/images/wrapper_bg.jpg) set in html or css ? * Thread Starter [barishiman](https://wordpress.org/support/users/barishiman/) * (@barishiman) * [20 years, 9 months ago](https://wordpress.org/support/topic/deciphering-css-in-firefoxie/#post-288235) * the wrapper background is in CSS – part of #wrapper layer / div * FYI – everything is controlled by CSS (meaning no tables) * [http://www.jarkolicious.com/](http://www.jarkolicious.com/) – has a similiar wrapper design * [estjohn](https://wordpress.org/support/users/estjohn/) * (@estjohn) * [20 years, 9 months ago](https://wordpress.org/support/topic/deciphering-css-in-firefoxie/#post-288239) * would you need to add * height:auto; min-height:100%; * or height:100%; * to your css for the background? * or.. this might help better: [http://www.codingforums.com/archive/index.php?t-57746.html](http://www.codingforums.com/archive/index.php?t-57746.html) * [estjohn](https://wordpress.org/support/users/estjohn/) * (@estjohn) * [20 years, 9 months ago](https://wordpress.org/support/topic/deciphering-css-in-firefoxie/#post-288241) * Thread Starter [barishiman](https://wordpress.org/support/users/barishiman/) * (@barishiman) * [20 years, 9 months ago](https://wordpress.org/support/topic/deciphering-css-in-firefoxie/#post-288243) * shouldn’t matter & it doesn’t (just tried it) * As for the right column meeting up after the left column ends – its weird. On my pc it looks what is intended, but on my test server it drops down. Hrmmm…. * [billh](https://wordpress.org/support/users/billh/) * (@billh) * [20 years, 9 months ago](https://wordpress.org/support/topic/deciphering-css-in-firefoxie/#post-288252) * Neither the `discoverColumn` nor the `infoColumn` ids nor `falbum-recent` class have a background color defined, so they all default to the `body` background color, which you have not defined either. When the background color of an item is not defined in Firefox, it reverts to white. That is why you get a white background in your side columns in Firefox. * IE by default will allow the background to be transparent to the layer beneath, which you have defined in the `wrapper` id with a background image. * Simply add the line `background-color: transparent;` to the above mentioned id tags and you should get the desired background colors to show. * Thread Starter [barishiman](https://wordpress.org/support/users/barishiman/) * (@barishiman) * [20 years, 9 months ago](https://wordpress.org/support/topic/deciphering-css-in-firefoxie/#post-288459) * Ok, I just added the background-color: transparent to both my sidebar divs and to falbum-recent class and no change. This is really vexing me… Viewing 9 replies - 1 through 9 (of 9 total) The topic ‘Deciphering CSS in Firefox/IE’ is closed to new replies. ## Tags * [custom](https://wordpress.org/support/topic-tag/custom/) * 9 replies * 3 participants * Last reply from: [barishiman](https://wordpress.org/support/users/barishiman/) * Last activity: [20 years, 9 months ago](https://wordpress.org/support/topic/deciphering-css-in-firefoxie/#post-288459) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics