Div in Div Centred Issue

ziycon

I have a div in a div and can't seem to centre it at all, its really annoying me now, I've googled the hell out of it, any ideas?

I've removed all centring code, so this is how the code looks now.

Expand|Select|Wrap|Line Numbers

 <div id="board_container">

    <div id="board_inner_container">&nbsp;</div>

</div>

Expand|Select|Wrap|Line Numbers

 #board_container {

    float: left;

    width: 800px; /* Defines mx width of board */

    border: 1px #CCCCCC solid;

    clear: left;

    display: inline;

}

#board_inner_container {

    float: left;

    width: 98%;

    border: 1px #CCCCCC solid;

    clear: left;

    display: inline;

}

drhowarddrfine

Inline elements can not be centered because they are 'inline', that is, just like a sentence in a paragraph. In a block all to their own.

ziycon

Makes sense, the only reason I'm using the inline option is to fix the rendering issues with border/padding/margins in IE, is there any way around this?

Tried this and it didn't work either:

Expand|Select|Wrap|Line Numbers

 #board_inner_container {

    float: left;

    width: 98%;

    margin-left: auto;

    margin-right: auto;

    border: 1px #CCCCCC solid;

    clear: left;

}

Jezternz

Expand|Select|Wrap|Line Numbers

float:left

Will prevent it from centering as far as I know. Thats the only specific problem I see.

Div in Div Centred Issue

re: Div in Div Centred Issue

re: Div in Div Centred Issue

re: Div in Div Centred Issue

Similar HTML / CSS bytes

/bytes/development

/bytes/it

/bytes/about