Hi!
I posted last week, but nobody replied. I have a different issue here, but in the same thread, so I'm hoping someone can help me.
I fiddled with the coding a bit after I realized my layout in firefox was still messed up, but now in IE, it's placing my sidebar on TOP of my entries, and completely eliminates my header image!
UGHH IE is so frustrating :|
Please help me!
#content{ width: 800px; margin-left: auto; margin-right: auto; background-color: transparent; border-color: transparent; position: absolute; }
#maincontent{ width: 498px !important; margin-left: 400px; margin-right: 0px; margin-top: 400px; }
.subcontent{ width: 498px; margin-top: 0px !important; margin-left: 0px; margin-right: 0px; padding-top: 0px; }
/*the top of the page with navigational links*/
#header {width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px;
text-align: center;
font-family: arial;
font-size: 7pt;
font-weight: normal;
font-color: ;
letter-spacing: 1px;
text-transform: uppercase;
background-color: transparent ;
position: absolute;
border-width: 0px 0px 0px 0px;
border-style: 1px solid;
border-color: #000000;
color: ;
line-height: 10px;}
#sidebar {
padding-top: 5px;
padding-bottom: 10px;
margin-left: 80px;
margin-right: auto;
margin-top: 30px;
margin-bottom: 0px;
background-color: #BD8890;
font-size: 8pt;
font-family: "trebuchet ms";
color: #000000;
border-color: transparent;
width: 300px;
height: auto;
float: left;
position: absolute;
text-align: left;
}
li.sbartitle {
font-family: "arial";
font-size: 7pt;
font-weight: bold;
text-transform: uppercase;
text-align: right;
padding: 5px;
}
#footer {
margin-left: 400px;
width: 498px;
position: relative;
}
.date {
text-align: right;
font-size: 20px;
font-family: "georgia";
font-style: italic;
text-transform: lowercase;
margin-bottom: -13px;
}
.subject {
text-align: right;
font-size: 14px;
font-family: "trebuchet ms";
text-transform: uppercase;
font-weight: normal;
}
.subject a:link, a:active, a:visited {color: #000000; font-size: 14px;}
.subject a:hover {color: #eeeeee; font-size: 14px;}
.userpic, .userpicfriends{
float: right;
text-align:center;
padding: 5px;
position: absolute;
margin-right: 80px;
margin-left: 510px;}
.userpic img, .userpicfriends img {
padding: 3px}
.userpic img:hover, .userpicfriends img:hover { }
.headerimage {
height: 500px;
background-image: url("
http://i40.tinypic.com/f23n2r.png") !important;
background-repeat: no-repeat !important;
background-attachment: scroll !important;
background-position: left !important;
margin-bottom: 75px;
margin-left: 410px;
margin-right: auto;
position: absolute;
}
.headerimage {
/* for formatting header image */
position: absolute;
width: 800px; /* Width of banner */
height: 400px; /* Height of banner */
margin-left: 416px; margin-right: auto;
margin-bottom: -60px; /* Space between bottom of banner and layout */
margin-top: 30px;
background-image: url(
http://i40.tinypic.com/f23n2r.png);background-repeat: no-repeat;
}
.entry {
margin-left: auto;
margin-right: auto;
}
.entry_text {
margin-bottom: 10px;
}
.entry_text img { max-width:500px;}
.title, .subtitle {
display: none;
}
b {
color: #eeeeee;
font-family: trebuchet ms;
font-size:8pt;
text-transform: none;
font-style:none;
}
u {
color: #eeeeee;
font-family: trebuchet ms;
font-size:8pt;
text-transform: none;
font-style:none;
}
i {
color: #eeeeee;
font-family: trebuchet ms;
font-size:8pt;
text-transform: none;
font-style:none;
}
/*targets the currents as a block rather than individually Negative margin to close gap between currents and tags*/
.currents{
margin-top: -30px;
background-color: #8A515A;
padding: 5px 5px 5px 5px;
}
.b-repost-item {display:none}
.currents {
width: auto;
padding: 5px 5px 5px 5px;
color: #eeeeee;
}
.ljtags {
color: #eeeeee;
margin-top: 10px;
margin-bottom: -10px;
padding: 5px;
background-color: #8A515A;
}
a:link, a:visited, a:active, a:hover {
font-family: arial;
font-size: 7pt;
text-transform: uppercase;
color: #000000;
}