Table wont Centre in FF 3?

ziycon

I have the below code, now the text outside of the table will centre fine in IE and FF but the table will not centre at all in FF but is fine in IE??

Expand|Select|Wrap|Line Numbers

 <div id="search_body_wrapper">

    <div id="search_body_results">

        <b>3</b> result(s) found for <b>test</b>.<br /><br />

        <table border="0" cellspacing="2" cellpadding="2">

            <tr style="background-color: #CCCCCC;"><td style="font-weight: bold;">Case Number</td><td style="font-weight: bold;">Summary</td></tr>

            <tr style="background-color: #DEDEDE;"><td>1000001</td><td>Test Case 1</td></tr>

            <tr style="background-color: #DEDEDE;"><td>1000002</td><td>Test Case 2</td></tr>

            <tr style="background-color: #DEDEDE;"><td>1000013</td><td>Test Case, Entered via web form</td></tr>

        </table>

    </div>

</div>

Expand|Select|Wrap|Line Numbers

 #search_body_wrapper {

    float: left;

    width: 800px;

    margin: 5px 5px 0 5px;

    padding: 0 0 5px 0;

    background-color: #FFFFFF;

    text-align: left;

    clear: left;

    display: inline;

}

#search_body_results {

    float: left;

    width: 100%;

    margin: 5px 0 0 0;

    text-align: center;

    clear: left;

    display: inline;

}

drhowarddrfine

Well, you're floating it left, so it's supposed to be on the left side. Why would it be different?

I don't have IE available so I haven't a clue why IE is doing it wrong and centering it but I'd bet all the modern browsers don't center it either.

Anyway, to center the table, put this in your CSS:

Expand|Select|Wrap|Line Numbers

 
table{

margin:0 auto

}

and never, ever look at IE as a reference for how things should work.

Stomme poes

IE is possibly doing it wrong because there's no doctype, or an incomplete doctype, or some text or something before the doctype. IE in Quirks Mode will let text-align center blocks like tables when it shouldn't.

If the margin: 0 auto thing doesn't work at first, make sure that

the thing you want to center has a width
and
that width isn't 100% (you can't center something that's 100% wide)

Table wont Centre in FF 3?

re: Table wont Centre in FF 3?

re: Table wont Centre in FF 3?

Similar HTML / CSS bytes

/bytes/development

/bytes/it

/bytes/about