![]() |
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.
|
Quote:
/* 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;
|
Quote:
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 Quote:
|
All times are GMT -7. The time now is 03:02 PM. |
Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2025, vBulletin Solutions, Inc.
©2000-, AI Media Network Inc123