LFS Forum - CSS + IE7 = Gay

(4 posts, started Thu, 13 Mar 2008 23:19)

#1 - MR_B

CSS + IE7 = Gay

Thu, 13 Mar 2008 23:19

Hey all,

I'm trying to perform a PERFECTLY simple code to make a table absolute center. But lo and behold IE7 says "nope, no can do" and displays it in the top left corner, bascially ignoring the css entirely.

Here it is:

<style type="text/css">
body {
    background: #000000;
    margin-top: -45px;
    margin-left: -250px;
    position: absolute;
    top: 50%;
    left: 50%;
}
</style>

Any suggestions? I'm close to sticking my middle finger up and saying "If you use IE... Tough Titties!"

#2 - MR_B

Thu, 13 Mar 2008 23:27

Nevermind. I've managed to fix it now. IE's not as bright and requires you to put it in a DIV... For completeness and to help anyone else out who has this problem. See the code below:

<style type="text/css">
body 
    {
    background: #000000;
    }

#name
    {
    margin-top: -45px;
    margin-left: -250px;
    position: absolute;
    top: 50%;
    left: 50%;
    }

</style>

<div id="name">

YOUR STUFF :D

</div>

#3 - niall09

Thu, 13 Mar 2008 23:35

IE is a bitch anyway

#4 - JamesF1

Fri, 14 Mar 2008 00:22

Quote from MR_B :Nevermind. I've managed to fix it now. IE's not as bright and requires you to put it in a DIV... For completeness and to help anyone else out who has this problem.

That's not IE - a standards-compliant interpretation of CSS should not allow positioning of the body. It's something IE actually has correct.

CSS + IE7 = Gay

(4 posts, started Thu, 13 Mar 2008 23:19)