GoFuckYourself.com - Adult Webmaster Forum

GoFuckYourself.com - Adult Webmaster Forum (https://gfy.com/index.php)
-   Webmaster Q & Fuckin' A (https://gfy.com/forumdisplay.php?f=27)
-   -   Wordpress Blog not centred in IE but ok in FF (https://gfy.com/showthread.php?t=1021440)

wehateporn 05-06-2011 08:24 AM

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

RottenOwl 05-06-2011 08:33 AM

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

wehateporn 05-06-2011 11:23 AM

Quote:

Originally Posted by RottenOwl (Post 18113825)
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;
}

Kafka 05-08-2011 05:14 PM

#page --> margin:0 auto;

wehateporn 05-09-2011 07:46 AM

Quote:

Originally Posted by Kafka (Post 18119279)
#page --> margin:0 auto;

Thanks Kafka :thumbsup

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

wehateporn 05-10-2011 07:19 AM

Bump for this one

BadMrFrostyCZ 05-11-2011 01:51 AM

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.

wehateporn 05-11-2011 04:22 AM

I'm impressed BadMrFrostyCZ :thumbsup

Thank you, I've learned something today

Quote:

Originally Posted by BadMrFrostyCZ (Post 18125211)
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.



All times are GMT -7. The time now is 11:03 AM.

Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2025, vBulletin Solutions, Inc.
©2000-, AI Media Network Inc123