Horizontal scrolling for no aparent reason on IE

May 15, 2009 10:40

Journal: hnm_updates

1)The layout looks great on firefox, but i tested it on IE today and surprise, for no apparent reason, it scrolls horizontally and i can't find the way to fix it. (screencap)

2)Also, on IE, the userpic won't show up on the comments when using the custom comments page, but it does in Firefox.

Thanks for the help in advance!



body {
margin: 0;
padding: 0;
font: 12px verdana;
background: #000000;
}

a, a:visited, a:active {
color: #A20606;
text-decoration: none;
}

a:hover {
color: #FFFFFF;
}

input, textarea, select, blockquote{
border: 3px solid #0F0F0F;
background: url(http://img18.imageshack.us/img18/3264/userpic.png);
background-color: #000000;
font: 11px arial;
}

blockquote {
padding: 10px;
}

/* -------general look of the page------- */

.border3 {
border: 0px;
}

#bodycontent {}

.border4 {
border: 0px solid #333333;
}

.border2 {
border: 0px;
}

/* ------------------------------
HEADER STUFFS
IF YOU WANT TO CHANGE THE HEADER IMAGE CHANGE IT ON THE #USERPIC BACKGROUND IMAGE, NOT THE #HEADER

BACKGROUND IMAGE
-------------------------------- */

#headerinfo {
display: none;
}

#header {
color: #000000;
background: url(http://img5.imageshack.us/img5/9127/54954437.png);
background-color: #000000;
height: 255px;
padding: 0px;
}

#header h3 {
margin: 0;
display: none;
}

#userpic {
height: 275px;
width: 760px;
position: absolute;
margin: 0px 0 0 0px;
border: 0px solid #ffffff;
background-image: url(http://img15.imageshack.us/img15/8273/headerx.png);
background-repeat: no-repeat;
}

#userpic img {
display: none;
}

#nav {
font: 16px georgia;
white-space: nowrap;
text-align: left;
text-transform: lowercase;
font-style: italic;
margin-left: 470px;
margin-top: 240px;
position: absolute;
}

#nav a{
border: 0px solid #FFFFFF;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
height: 20px;
text-decoration: none;
color: #FFFFFF;
background-color: transparent;
z-index: 15;

}

#nav a:hover {
color: #C0C0C0;
background-image: url();
z-index: 15;
}

#content {
background-color: #000000;
}

#content table, #content td, #content tr{
padding: 0;
margin: 0;
}

#content table {}

.messageholder {
border: 0px solid;
margin-bottom: 5px;
margin-top: 5px;
color: #000000;
}

.entries {
width: 700px;
margin: -3px 0 0 169px;
border: 0px;
color: #FFFFFF;
}

.entry {
padding: 6px;
border-bottom: 1px solid #000000;
min-height: 180px;
background: url() no-repeat 6px 12px;
padding-bottom: 30px;
}

.entries .userpic2 {
display: none;
}

.entry .userpic2, .entries form .userpic2{
position: absolute;
margin: 0 0 0 -140px;
padding: 0 0 10px 0;
display: inline;
}

.entry .userpic2 img {
background-color: #000000;
background: url(http://img18.imageshack.us/img18/3264/userpic.png) no-repeat;
padding: 9px;
}

.subject .ljuser {
letter-spacing: 0;
}

.subject {
font: 19px Georgia;
font-weight: normal;
letter-spacing: 0px;
margin: 0 20px 40px 0;
min-height: 20px;
padding: 0 20px 0 10px;
color: #FFFFFF;
width: 700px;
}

div.subject a, div.subject a:link, div.subject a:visited {
font: 19px Georgia;
font-weight: normal;
letter-spacing: 0px;
margin: 0 20px 40px 0;
min-height: 20px;
padding: 0 20px 0 10px;
color: #FFFFFF;
}

div.subject a:hover {
font: 19px Georgia;
font-weight: normal;
letter-spacing: 0px;
margin: 0 20px 40px 0;
min-height: 20px;
padding: 0 20px 0 10px;
color: #FFFFFF;
}

.entryinfo {
background-color: #090909;
font-size: 12px;
padding: 4px;
color: #FFFFFF;
}

.postedby {
display: none;
}

.entrylinks {
border-bottom: 0px solid #090909;
background-color: #090909;
padding-top: 4px;
padding-bottom: 4px;
font-size: 12px;
}

.entrylinks A {
text-decoration: none;
padding-top: 4px;
padding-bottom: 4px;
white-space: nowrap;
color: #A20606;
border-right: 1px solid #000000;
}

.entrylinks A:Hover {
background-color: #000000;
}

.entrydivider {
display: none;
}

.friendname {
position: absolute;
margin: -2px 0 30px 130px;
padding: 2px 5px 2px 5px;
color: #ffffff !important;
background-color: transparent !important;
}
.friendname:hover {
color: #FFFFFF !important; }

.entryinfo .ljuser {
margin: -3px 0 0 250px;
padding: 4px 0 0 4px;
position: absolute;
}

.entryinfo .ljuser img {
display: none;
}

a[href*="tellafriend.bml"]{display: none;} a[href*="entry.bml"]{display: none;} a[href*="content_flag.bml"]

{display: none;} a[href*="edittags.bml"]{display: none;}

a[href*="subscriptions"]{display: none;} a[href*="subscriptions"]{display: none;}

/* -------misc stuff------- */
.backtop {
display: none;
}

.sidetd {
display: none;
}
/* ------------------------ */

.columncontent {
width: 170px;
}

#cal .entry {
width: 700px;
}

#cal .entrytext {
width: 700px;
position: absolute;
margin: 0 0 0 100px;
}

#cal .entrytext table {
width: 400px;
float: left;
color: #FFFFFF;
}

#cal .entryinfo {
margin: 12px 0 0 0px;
font: 15px Georgia;
}

#cal .entrylinks {
margin: 50px 0 0 40px;
}

.bigday {
background-color: transparent;
text-align: right;
color: #FFFFFF;
}

#cal .entrytext a {
display: block;
text-align: right;
}

.entrylinks a b{
display: none;
}

.ljtaglist {
border: 0px;
width: 500px;
margin: 0 0 0 148px;
color: #FFFFFF;
}

.ljtaglist a {
display: block;
width: 400px;
padding: 1px 0 1px 5px;
}

.ljtaglist li {
list-style-type: decimal-leading-zero;
margin: 0 0 0 -40px;
padding: 0 0 0 10px;
color: #FFFFFF;
}

div.ContextualPopup {
display: none;
}

.systemmessage {
background-color: #000000;
color: #000000;
border: 0px solid #000000;
font-size: 12px;
margin: 0px 5px 0px 0;
padding: 0 10px 0 10px;
text-align: center;
}

.systemtext {
font-weight: normal;
padding-left: 10px;
padding-right: 10px;
}

.systemmessage input, .systemmessage textarea, .systemmessage select {
background-color: #000000;
color: #000000;
}

.systemmessage TD {
padding: 4px;
font-size: 12px;
color: #000000;
}

Previous post Next post
Up