Wordpress Blog not centred in IE but ok in FF
 

Any ideas on this, I've been trying all sorts? It was previously ok in the old versions of Wordpress, then upgraded, now it's not centred in IE and Chrome

http://www.omgkewl.net/

Thanks :thumbsup

Maybe a <div> not floated, post the CSS.

:thumbsup

/*
Theme Name: xL Pink Tease
Theme URI: http://www.xlabor.com
Description: Another quality xLabor Theme
Version: 1.0
Author: David Hall
Author URI: http://www.xlabor.com
*/


/*
------------ Layout/Main ------------
*/


body {
margin-top: 0px;
margin-bottom: 0px;
margin-width: 0;
margin-height: 0;
text-align: left;
background: url('images/bg.gif');
}

#page {
width: 832px;
margin-left: auto;
margin-right: auto;
background: url('images/bbg.gif') repeat-y;; padding-left:5px; padding-right:3px; padding-top:5px; padding-bottom:5px
}

.alfign {
margin-left: auto;
margin-right: auto;
}

#main {
margin-top: 0px;
margin-left: auto;
margin-right: auto;
background: url('images/bg.gif') repeat-y;
}

#topbg {
width: 881px;
margin-top: -5px;
margin-left: 3px;
margdin-right: 5px;
}

/*
------------ Post ------------
*/

.more {
color: #C0005C;
font-face: verdana;
font-size: 16px;
text-decoration: underline;
font-weight: bold;
text-align: right;
}

#post a, a:visited, a:active {
color: #AA1786;
text-decoration: none;
font-weight: normal;
font-size: 12px;
}

.postlink {
font-size: 16pt;
font-weight: bold;
color: #AB0061;
}

.biglink {
font-size: 16pt;
font-weight: bold;
color: #AB0061;
}

#post a:hover {
color: #000000;
text-decoration: underline;
}

#title a, a:visited, a:active {
color: #D62C80;
font-face: verdana;
font-size: 20px;
font-weight: bold;
text-decoration: underline;
}

.title {
color: #D62C80;
font-face: verdana;
font-size: 20px;
font-weight: bold;
text-decoration: underline;
}

#biglink a, a:visited, a:active {
color: #E54795;
font-face: verdana;
font-size: 18px;
font-weight: bold;
text-decoration: underline;
}

#biglink a:hover {
color: #000000;
font-face: verdana;
font-size: 18px;
font-weight: bold;
text-decoration: underline;
}

.pstable {
border: 1px solid #FB90C4;
background: #FEFCFD;
text-align: center;
}

#pttext a, a:visited, a:active {
color: #ffffff;
font-size: 16px;
text-decoration: underline;
}

#pttext a:hover {
color: #ffffff;
font-size: 16px;
text-decoration: underline;
}

#title a:hover {
color: #000000;
font-face: verdana;
font-size: 20px;
font-weight: bold;
text-decoration: underline;
}

.meta {
color: #4D4D4D;
font-size: 10px;
}


/*
------------ Top ------------
*/

.tbann {
border: 3px solid #ffffff;
margin-left: 396px;
margin-top: -61px;
width: 400px;
visibility: hidden;
}

#top {
color: #ffffff;
width: 830px;
height: 80px;
padding: 5px;
margin-left: auto;
margin-top: 0px;
margin-right: auto;
margin-bottom: -10px;
background: url('images/headbg.gif') repeat-x;;
}

#topr {
color: #E7338B;
width: 830px;
height: 22px;
padding: 5px;
text-align: center;
margin-left: auto;
margin-top: 0px;
margin-right: auto;
margin-bottom: -10px;
background: url('images/round.gif') repeat-x;;
}

#toprt {
margin-top: -2px;
}

#toprt a, a:active, a:visited {
font: 12px 'verdana', sans-serif;
color: #F13390;
font-weight: normal;
text-decoration: underline;
}

#toprt a:hover {
font: 12px 'verdana', sans-serif;
color: #000000;
font-weight: normal;
text-decoration: underline;
}

#top h1 {
font: 30px 'verdana', sans-serif;
font-weight: bold;
color: #FFFFFF;
margin: 0px 0px -8px 20px;
}


#top h1 a, a:active, a:visited {
font: 30px 'verdana', sans-serif;
font-weight: bold;
text-decoration: none;
color: #FFF000;
margin: -8px 0px -8px 0px;
}

.smlink {
font-size: 10px;
color: #000000;
text-decoration: underline;
font-weight: bold;
}

#top h1 a:hover {
font: 30px 'verdana', sans-serif;
font-weight: bold;
color: #FFF000;
text-decoration: underline;
margin: -8px 0px -8px 0px;
}

.hz {
font: 14px 'verdana', sans-serif;
font-weight: bold;
text-decoration: none;
color: #ffffff;
margin: -4px 0px -4px 0px;
}

#top h3 {
font: 14px 'verdana', sans-serif;
font-weight: bold;
text-decoration: none;
color: #ffffff;
margin: -4px 0px -15px 0px;
}

.tme {
text-align: left;
margin: 2px 2px 2px 2px;
border: 1px solid #000000;
}

#top h2 {
font: 22px 'verdana', sans-serif;
color: #FFE5F2;
margin: -8px 0px -8px 25px;
}

.tspot {
marghin-rihght: -409px;
margn-tgop: 10px;
marggin-bogttom: 8px;
padding: 3px 3px 3px 3px;
width: 468px;
background: #ffffff;
border: 1px solid #ffffff;
}

.htitle {
margin-left: 135px;
margin-bottom: -60px;
padding: 3px 3px 3px 3px;
widtjh: 300px;
}

.tlink {
font-face: verdana;
color: #ffffff;
text-decoration: underline;
font-weight: bold;
}



/*
------------ Side ------------
*/


#side h2 {
color: #E21E7D;
text-align: left;
font: bold 12px verdana;
margin: 6px 0px -15px 10px;
height: 26px;
}

#sidecontent {
color: #000000;
text-align: left;
font: normal 12px verdana;
margin: 6px 8px 2px 9px;
}

#asidecontent a, a:active, a:visited {
color: #000000;
font: normal 12px verdana;
text-decoration: none;
}

#asidecontent a:hover {
color: #D62C80;
text-decoration: underline;
font: normal 12px verdana;
}


#sidecontent a, a:active, a:visited {
color: #000000;
font: normal 12px verdana;
text-decoration: none;
}

#sidecontent a:hover {
color: #D62C80;
text-decoration: underline;
font: normal 12px verdana;
}

#side img {
margin-bottom: 5px;
}

.topteenie {
margin-top: 6px;
border:1px solid #AB0061;
}

.stable {
border: 1px solid #FF77B9;
background: #FFFFFF;
text-align: left;
}

.ylink {
color: #FFD42A;
text-decoration: underline;
}

.featured {
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #E23AB9;
}

/*

------------ Footer ------------
*/

#footer2 {
color: #ffffff;
padding: 3px;
background: url('images/tbg.gif') repeat-x;
text-align: left; font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:verdana; margin-left:-5px; margin-right:-5px; margin-top:-5px; margin-bottom:-10px
}

#footer {
background: #FF6AB3;
margin-bottom: -5px;
}

#footer font {
color: #ffffff;
font-size: 10px;
}

#footer a, a:visited, a:active {
color: #ffffff;
text-decoration: underline;
font-weight: bold;
font-size: 10px;
}

#footer a:hover {
color: #ffffff;
text-decoration: underline;
font-weight: bold;
font-size: 10px;
}


/*
------------ Misc ------------
*/

#tgp {
margin-bottom: 10px;
}

a {

font: 9pt verdana, geneva, arial, sans serif;
color: #AB0061;
text-decoration: none;
}

.br {
border:1px solid #AB0061;
}

body, td {
font: 9pt/12pt verdana, geneva, arial, sans serif;
color: #000000;
}

#page --> margin:0 auto;

Thanks Kafka :thumbsup

Seems to be something else in there preventing it from displaying correctly

Bump for this one

Cant post urls so the src is different than in the rendered html but:

<img border="0" alt="Dana Lightspeed - maybe the kewlest girl on the net!" src="/wp-content/uploads/2006/04/dana-150x150-2.jpg">

Image broken, FF wraps the alt text but IE and Chrome dont which makes the left column a lot wider than it should be thus messing up your layout. Right column has same problem with broken images and long alt texts.

I'm impressed BadMrFrostyCZ :thumbsup

Thank you, I've learned something today