Resizing footer whoas

I think I’ve worked it out.

The height of an element is the sum of the heights of the non-floated items it contains. The site credit is floated and therefore does not contribute to the height of the footer element.

Now, that could be OK if it wasn’t for the fact that the donate element actually extends below the footer, but with the overflow hidden. So your site credit is floating right with respect to the hidden bottom of the donate icon.

So, you could try:

#footer {
  position: relative;
}

#footer a {
  float: none;
  left: 850px;
  position: absolute;
  top: 100px;
}

This replaces the floated positioning with absolute positioning with respect to the footer element. You may want to mess about with the top and left properties. It works in Firebug, but you may want to do some testing in IE and include conditional comments for IE if necessary.

You’ll need to put the foreground colour back, of course:

color: #999EE8;

HTH

PAE

IE conditional comments allow you to modify CSS rules to account for IE bugs:

http://www.quirksmode.org/css/condcom.html

You only need them if IE doesn’t render your page correctly.

As for the foreground colour… At the moment your site credit foreground colour means it doesn’t show. In order to see what’s going on whilst you mess around with the positioning, you may need to set a colour that will show up wherever the site credit is. Once you get it into the right place, you can give it its proper colour. Sorry, I wasn’t very clear about that. And I see you’ve made the changes, so it’s irrelevant anyway 🙂

Cheers

PAE

De nada. Glad you’ve got it how you want it.

Cheers

PAE

It isn’t conditional HTML, usually. It’s conditional CSS. In it’s effect, anyway.

What I normally do is to write a style sheet for various versions of IE. So I’ll probably have an ie6.css file, and ie7.css file and possibly an ie8.css file. I haven’t yet had problems with ie9. I’ve only rarely had problems with ie8. My conditional comments for each version of IE just contain a style tag with a reference to the stylesheet (using a call to bloginfo('stylesheet_directory') to get the proper path, I think. It’s a while since I had to do it as I’ve pretty much stopped supporting older versions of IE). You can often get away with a single extra stylesheet for a number of versions of IE. I usually start with one for each and then amalgamate them later if I can to get rid of duplication, and alter the conditional comments to suit.

I can’t tell you what CSS you need, especially because even if I looked at your site in IE, the developer tools provided by IE are woefully inadequate. So you need to use a bit of trial and error. Unfortunately, there’s only you can do that.

Also, a moderator will surely remind me that the purpose of this forum is not to teach CSS 😉

However, your IE style sheets will usually just set different widths, margins and padding. So it’s not that hard.

HTH

PAE

“Best viewed in anything except Internet Explorer” would be more to my taste!

🙂

Glad to be of help.

Cheers

PAE