Footer Not Aligned In IE

check this post:
My page looks horrible in IE!

The css needs to be modified for IE and using a conditional statement for ie specific css attributes is the best method.

I tried this, but it’s not working for me..Just to get this straight, I’m supposed to add:

<!–[if IE]>
<style type=”text/css”>
#footer {
padding: 0 0 0 1px;
margin: 0;
clear: both;
}
</style>
<![endif]–>

above the </head> tag in the header file. Then replace the original #footer tag in the css file with:

#footer {
padding: 0;
margin: 0;
clear: both;
}

I know this sounds simple for me, but it’s just not working for me…again, I’m using the default theme..if you look at my website using FF, it’ll be aligned, but IE, it’s still off..

oh yeah, web site is: https://www.houseofboyd.com

ttt, any ideas?

change this in your stylesheet please:

you have this currently in your stylesheet:

#content {
font-size: 1.2em
}

just add a ‘;’ at the end so i can see if it fixes it in IE.

#content {
font-size: 1.2em;}
cheers.

??? No, it just changed my font size, didn’t do anything to the footer.

this is why i should test, sorry about that. i have this thing about ending styles because they tend to override other styles… lemme recheck..

inline style requires:
#footer { background: url(“https://www.houseofboyd.com/wp-content/themes/default/images/kubrickfooter.jpg&#8221;) center bottom no-repeat; border: none;}

can we try this please?

Thanks for the help. Were exactly would I put the above mentioned comment?

I replaced:

#footer {
background-color: #eee;
}

with:

#footer { background: url(“https://www.houseofboyd.com/wp-content/themes/default/images/kubrickfooter.jpg&#8221;) center bottom no-repeat; border: none;}

But still the same problem. Looks fine in Firefox, still of in IE…This is driving me crazy..

one more time then..
you’ll find in your stylesheet two page styles, one is below /*Begin Structure*/
please change the width to 759px;

lemme know

Nope..doing this actually made it offset more in IE and also changed the offset in Firefox…lol

How does mine look..? In both IE6 and FF.

Running WordPress version 1.5.2
https://www.vindictivebastard.net/test101/

Running WordPress version 2.0 RC3 (Basically 2.0)
https://www.vindictivebastard.net/blog3/

What I have done so far:

In the CSS File I have just taken off the 1px padding here for the first line for #footer:

#footer {
padding: 0 0 0 0px;
margin: 0 auto;
width: 760px;
clear: both;
}

#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}

In the header.php file:
Find this code:

#header { margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }

Replace with this code:

#header { margin: 0; padding: 1px; height: 198px; width: 758px; }


Please note: I got that last part here from what macmanx said near bottom of that post here:
https://www.flickr.com/groups/binarybonsai/discuss/6654/

spencerp

Even though there is a little loss in the footer for IE6 compared to FF, but that should or could be an easy fix. LmaO! Also, please note that I’m running WP version 1.5.2. But I could try it on another test blog running version 2.0 once.

Please note: that I had done these changes WITHOUT anything else being molested. That was from a fresh copy of Default Kubrick theme!

Also, I have switched back to my Revamped Andreas08 theme on the blog3 link. Because I need to keep working on it.
https://www.vindictivebastard.net/blog3/

It does show the same on both versions of WordPress… 1.5.2 and 2.0. Just except for that 20px margin or footer gap in IE6. Which I could try working at later..I’m just too busy with other bullshit things at the moment. =(

Anyways, I hope that works for you. =)

spencerp

P.S. Really that footer gap or margin shouldn’t matter too much…atleast that 1px problem is gone lol!

Also, has anyone noticed that the little “images” or whatever they are beside the links in the sidebar aren’t showing in IE, just FF?

Will have to work on that shit to I guess lmaO! Or maybe that’s just normal and expected, because IE sucks donkey wangs! DAMN IE TO HELL! DAMN IT TO HELL!!

**UPDATE:

All the fixes and stuff are being handled a little better here: https://www.ads-software.com/support/topic/58467

Everything is working out in both FF and IE just sweetly!
https://www.vindictivebastard.net/test101/

spencerp