Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Post-Kicker, -Byline & -Footer (http://forum.bytesforall.com/forumdisplay.php?f=17)
-   -   [SOLVED] transparent background displays white in IE (http://forum.bytesforall.com/showthread.php?t=12549)

IldiW Jan 31, 2011 03:09 AM

[SOLVED] transparent background displays white in IE
Here I am again - after three days of desperate search all over this forum and the internet in general, I've found nothing. To an extent that it seems that my problem doesn't even exist to others. This leaves me hoping that it's a simple oversight on my behalf rather than a massive issue... :)

All I'd like is the footer to be transparent so that only the gradient background on the body can be seen. As you might suspect I'm happy with FF but it gives me a white background in IE (all versions). I'm reasonably sure that I'm looking at the right thing because if I change it to say red, it's fine in both FF and IE.

WP: 304
ATA: 353 (I know I could upgrade but 361 didn't work properly so I ended up downloading this version as it is said to be the most stable.)

Any help is hugely appreciated!

juggledad Jan 31, 2011 05:40 AM

What do you have defined at ato->Style & edit FOOTER->Style FOOTER?

IldiW Jan 31, 2011 02:40 PM

I'm just saying:

background-color: transparent;
border-top: none 4px #eee;
padding: 0px;
text-align: center;
color: #555;
font-size: 11px;

I tried to put it in the CSS as well (not both places just one at a time), but that didn't work either.
If I put background-color: #ff0000; that'll work fine, it's only the trasnparent bit that doesn't display properly.
I have since heard that I could put a transparent image as the background to solve the issue which will be my final try I just would love to understand what I am doing wrong with the above...:)

IldiW Jan 31, 2011 02:59 PM

I also have this in the CSS for getting the the effect of the footer running accross the entire width but I don't think it's relevant for my problem... or is it?

html {
background-image: url(<?php bloginfo('template_directory'); ?>/images/site/bg_bottom.png);
background-position: bottom left;

lmilesw Jan 31, 2011 04:14 PM

Take out the background line in ATO>Style & configure Layout>Layout Container Style

IldiW Jan 31, 2011 06:53 PM

Hm, taking out that one line effectively made the header AND footer image disappear and the navigation stopped working properly (ie. it's now a list). So that didn't work unfortunately but how on earth does the background affect these things at all?

IldiW Jan 31, 2011 06:58 PM

Update: I've put back the background, this time transparent instead of the original white and it works!! Apologies Larry if this was what you meant and I misunderstood! Anyway, it works, which is great because I use this setup (with header and footer 100% and content something less) for most of my websites, so I'll be able to apply this on all of them with ATA!
Yay, thank you both! :)

lmilesw Jan 31, 2011 07:48 PM

What you did will work as well. I tested by changing #fff to transparent and jut taking out that line and both worked for me but it it works it works.

All times are GMT -6. The time now is 08:05 PM.

Powered by vBulletin® Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.