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;
}