Alright so I made my layout just the way I wanted it to be last night and everything looks fine in FireFox 2, but I got the bright idea to look at what it looks like in Internet Explorer 7 and now I'm a little annoyed.
Apparently in IE my header-menu (Previous Entry, Next Entry, Recent Entries, Archive, etc) isn't aligned like it is in FireFox. Instead of being in the center on top of my 'sidebar/topbar,' it is slung to the right and causing a horizontal scrollbar.
I really want my layout to be compatible with both Firefox and Internet Explorer, but I can't figure out for the life of me why its over to the right like that in IE and not FF.
Username:
dyingscene (live layout)
Account Type: Plus (ads are between entries and vertical)
/* Cleaned CSS: */
/* LAYOUT TITLE: Brooding Denver
STYLE SYSTEM: S2
THEME: Smooth Sailing
CODING: twentynine_ @ LJ
BACKGROUND: shizoo.frozen-media.de
TINY ICONS: user&com: htmllife.com lock&key: brandspankingnew.net */
/* PAGE */
body {
font-family : Arial, sans-serif;
font-size : 8pt;
margin : 0 0 0px 0 !important;
background-color : #724736;
color : #523110;
background-image : url(
http://oh.goshhh.googlepages.com/woodblank.jpg);}
a {
color : #AC926E;
text-decoration : none;
}
a:hover {
color : #6B3918;
text-decoration : none;
}
.pageblock {
background-image : url(
http://oh.goshhh.googlepages.com/woodblank.jpg);background-repeat : repeat;
padding-top : 0;
background-color : #724736;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 0px;
width: 880px;
}
.pagefooterblock {
text-align : center;
font-family : "Trebuchet MS", sans-serif;
color : #AC926E;
padding-bottom : 0px;
padding-top : 20px;
margin-top : 0;
font-size : 5pt;
letter-spacing : 2px;
text-transform : uppercase;}
.pagefooterblock a, .pagefooterblock a:visited {
text-align : right;
color : #AC926E;}
blockquote {
background: url(
http://www.mandarindesign.com/images/quote.gif) no-repeat;
font-family: Courier New, Courier, monospace;
text-align: justify;
padding-left:20px;
color : #a39e98;
text-transform : uppercase;
font-size : 7pt;
background-color : transparent;
}
blockquote a {
color : #8d867f;
}
.sbartitles {color : #65635c;
font-size : 7pt;
letter-spacing : 0;
font-family : "Arial Narrow", "Trebuchet MS", sans-serif;
font-weight : bold;
font-variant : small-caps;}
/* HEADER */
.pageheaderblock {
background : #ffffff url();
padding-top : 0;
margin : 10px 0 0 0 !important;
text-align : center;
height: 54px !important;
}
.header-title {
padding: 2px 15px 2px 89px;
text-align : center;
text-transform : uppercase;
font-weight : bold;
padding: 2px 15px 2px 89px;
font-family : "Gill Sans", "Gill Sans MT", "Trebuchet MS", "Palatino Linotype", Palatino;
font-size : 45pt;
line-height : 30pt;
color : #17140f;
display:none;
}
.header-subtitle {
padding: 1px 15px 3px 89px;
display: none;
}
.header-icon {
top : 0;
right : 0;
position : absolute;
z-index : 1;
display: none;
}
.header-menu {
position: absolute;
top: 0px;
margin: 0px !important;
padding: 0px;
text-align: right;
background-color: transparent;
width: 880px;
}
.header-menu a, .header-menu a:visited {
font-variant: small-caps;
white-space : nowrap;
text-align : right;
margin-left: 3px;
margin-right: 3px;
padding: 0px 0px 0px 15px;
color : #AC926E;
text-decoration : none;
}
.header-menu a:hover {
margin-left: 3px;
margin-right: 3px;
padding: 0px 0px 0px 15px;
background-color: #212121;
background: url("
http://i26.photobucket.com/albums/c109/alicelikewoahh/alicespixels/tiny/famfamfamDOTcom-silk/faves/bullet_black.png") no-repeat;
background-position: center left;
text-decoration: none;
border-bottom: none;
color: #A78632;
}
.header-menu ul {
padding: 8px 8px 8px 86px;
margin: 0px;
background-color: #412218;
}
#footer-menu ul {background-color: transparent;}
.header-menu li, #footer-menu li {
display : inline;
}
/* BODY */
.bodyblock {
margin: 20px 0 0 0;
padding: 180px 0 0 0;
background-color: #ffffff;}
.bodyheaderblock {
background : #F38630 url();
padding : 0px 0;
display: none;}
.bodynavblock {
margin: 20px 0;}
.bodynavblock ul {
text-align: center;
margin: 0px;}
.bodynavblock li {
display: inline;
padding: 0px;}
.bodynavblock a, .bodynavblock a:visited {
color : #AC926E;}
.body-title {
display: none;
font-size : 18pt;
color : #AC926E;
text-align : left;
padding-left : 24px;
}
.body-midtitle {
display : none;
font-size : 18px;
color : #AC926E;
text-align : left;
padding-left : 8px;
}
/*ENTRIES*/
.entryHolder {
color : #523110;
font-family : Arial, sans-serif;
font-size : 8pt;
margin-bottom: 10px;
margin-top : 0px;
padding : 0px;
}
.entryUserinfo {
position: relative;
margin-top: -39px;
text-align: center;
padding: 0;
background-color: transparent;
z-index: 10;
font-size: 11px;
font-family: "Arial", sans-serif;
}
.entryUserinfo a {
font-weight : lighter;
font-family : "Trebuchet MS", sans-serif;
font-size : 8pt;
text-align : center;
}
.entryUserinfo-usericon img {
margin-right: 5px;
font-weight : normal;
border : 0;
padding: 10px;
background-image : url(
http://oh.goshhh.googlepages.com/woodblank.jpg);background-color: #ffffff;}
.entryText {
margin: 20px 0px 0px 0px;
font-weight : normal;
text-align : justify;
padding : 6px;
min-height: 105px;
}
.entryHeader
{background: #704D2E; padding: 0 5px; height: 10px; border-bottom: 1px solid #3F2D1D; border-top: 1px solid #C3946B; border-right: 1px solid #C3946B; font-size: 9pt; font-weight: bold; text-transform: uppercase; font-variant: small-caps; letter-spacing: -1px; color: #704D2E;}
.entryHeaderSubject {font-size: 9pt; font-weight: bold; text-transform: uppercase; font-variant: small-caps; letter-spacing: -1px; color: #704D2E; border-bottom: 1px solid #F4E1B9; display: block; font-family: "Trebuchet MS", sans-serif; margin-bottom:5px;}
.entryHeaderDate {color: #EAD395; text-transform: uppercase; font-variant:small-caps; font-size: 6pt; line-height: 10px; font-family: "Trebuchet MS", sans-serif; margin-bottom: 5px; display: block;}
.entryHeader a {
color: #EAD395; text-transform: uppercase; font-variant:small-caps; font-size: 6pt; line-height: 10px; font-family: "Trebuchet MS", sans-serif; margin-bottom: 5px; display: block;
}
.entryHeaderDate a {
color: #EAD395; text-transform: uppercase; font-variant:small-caps; font-size: 6pt; line-height: 10px; font-family: "Trebuchet MS", sans-serif; margin-bottom: 5px; display: block;
}
.entryHeaderDate a:hover {
color : #F4E1B9;
text-decoration : underline;
}
.entryMetadata {
padding: 4px;
margin: 4px 0 0;
}
.entryMetadata ul {
margin: 0px;
padding: 2px;
}
.entryMetadata li {
list-style: none;
padding-right: 10px;
display: block;}
.entryMetadata-label {
text-transform: uppercase; font-variant:small-caps; font-size: 6pt; line-height: 10px; font-family: "Trebuchet MS", sans-serif;color: #E4BC88; font-weight: normal; padding-right: 4px;}
.entryMetadata-content, .entryMetadat-content a {
text-transform: uppercase; font-variant:small-caps; font-size: 6pt; line-height: 10px; font-family: "Trebuchet MS", sans-serif;
color: #AC926E;
font-weight: normal;}
.entryLinkbar {
display: inline;
}
.entryLinkbar ul {
margin: 0 0 0 0px;
padding: 5px 0 5px 0;
text-align: left;
border: 1px solid #ffffff;
background-color: #F3EFD7;}
}
.entryLinkbar: hover {filter: alpha(opacity=60); moz-opacity: .60; opacity: .60;}
.entryLinkbar li {
display: inline;
}
.entryLinkbar a {
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
padding: 5px;
color: #704D2E;
border-left: 1px solid #ffffff;
font-variant: small-caps;
}
.entryLinkbar a:hover {
color: #AC926E;
border-bottom: 1px solid #3F2D1D;}
.entryHeaderTags a {
font-weight : normal;
color : #ff0066;
text-decoration : none;
font-size : 8pt;
font-family : "Trebuchet MS", sans-serif;
}
.entryHeaderTags a:hover {
text-decoration : none;
font-family : Arial, sans-serif;
font-size : 8pt;
font-family : "Trebuchet MS", sans-serif;
text-decoration : none;
color : #AC926E;
}
/*FOOTER*/
#footer-menu {
margin-top : 10px;
text-align : center;
font-family : "Trebuchet MS", sans-serif;
font-size : 8pt;
}
#footer-menu a, .footer-menu a:visited {
color : #AC926E;
white-space : nowrap;
padding : 6px;
text-align : right;
}
/*SIDEBAR*/
.sidebar {
width: 880px !important;
position: absolute;
top: 30px;
border-bottom: 2px solid #412218;
margin: 0 0 0 0px !important;
background: #F3EFD7;
text-align: justify;
line-height: 18px;
height: 155px !important;
}
.sidebox {
padding: 2px;
color: #704D2E;
}
.sidebox a {
font-variant: small-caps;
color: #AC926E;
}
.sidebox a:hover {
text-decoration: none;
border-bottom: 1px dashed #E2B573;
color: #2F0A03;}
.pie img:hover {filter: alpha(opacity=90); moz-opacity: .90; opacity: .90;}
.pie img {filter: alpha(opacity=70); moz-opacity: .70; opacity: .70;}
.sideboxTitle, .sidebox #search, .sidebox #tags_sidebox, .sidebox #summary, .sidebox #systemlinks, .profile-label, .profile-content {
display: none;
}
.sidebox #freetext {
padding-left: 100px;
position: absolute;
top: 0px;
z-index: 1;
font-size: 7pt;
line-height: 9px;
text-align: justify;
}
.sidebox #profile {
text-align: center;
width: 150px !important;
font-size: 10px;
z-index: 10;
}
.profile-userpic {
margin: 5px 5px 5px 5px;
position: absolute;
top: 20px;
width: 70px;
height: 70px;
left: 0px;
background-color: #ffffff !important;
background: url(
http://img172.imageshack.us/img172/3084/11borderzy6.gif) no-repeat center;
padding: 10px;
}
.sidebox #latestmonth { display: none;
width: 145px;
float: right;
margin-left: 0px;
position: absolute;
top: 0px;
right: 0px;
display: block;
height: 145px;
background-color: #f1f1f1;
z-index: 20;
font-family: "Arial", sans-serif;
}
.sidebox #latestmonth table{display: none;
padding: 0px 0 0 0;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
line-height: 16px;
}
.latestmonth-active {display: none;
padding: 0px;
font-weight: bold;
font-style: italic;
margin: 0;
letter-spacing: 0px;
font-size: 13px;
}
.latestmonth-active a {
color: #6BBFC5;
}
.latestmonth-active a:hover {
color: #a6a6a6;
}
.latestmonth-inactive {display: none;
padding: 0px 0px;
margin: 0;
letter-spacing: 0px;
font-weight: normal;
color: #bebebe;
font-size: 11px;
}
/*OTHER PAGES*/
/* COMMENT PAGE */
.commentHolder {
color: #808080;
background-color: #F6EEE6;
font-family: "Verdana", sans-serif;
font-size: 11px;
padding: 8px;
margin-bottom: 15px;
border: 1px solid #F6ECE4;
}
.commentUserinfo {
font-weight : normal;
font-family : "Trebuchet MS", sans-serif;
font-size : 8pt;
margin : 8px 8px 8px 8px;
text-align : center;
}
.commentUserinfo-usericon img {
font-weight : normal;
border : 0;
padding: 10px;
background-color:#F4E1B9;
}
.commentText {
padding : 6px;
}
.commentHeader {
background: #F4E1B9; padding: 0 5px; height: 10px; border-bottom: 1px solid #EFD295; border-top: 1px solid #FBF3E3; border-left: 1px solid #FBF3E3; color:#522910; text-transform: uppercase; font-variant:small-caps; font-size: 6pt; line-height: 10px; font-family: "Trebuchet MS", sans-serif; margin-bottom: 5px; display: block;
}
.commentHeader a {
color : #AC926E;
}
.commentHeaderScreened {
background: #F4E1B9; padding: 0 5px; height: 10px; border-bottom: 1px solid #EFD295; border-top: 1px solid #FBF3E3; border-left: 1px solid #FBF3E3; color:#AC926E; text-transform: uppercase; font-variant:small-caps; font-size: 6pt; line-height: 10px; font-family: "Trebuchet MS", sans-serif; margin-bottom: 5px; display: block;
}
.commentHeaderSubject {
font-weight : normal;
border : 0;
}
.commentLinkbar {
font-family : "Trebuchet MS", sans-serif;
font-size : 8pt;
color : #AC926E;
text-align : right;
padding-top : 4px;
padding-bottom : 4px;
}
.commentLinkbar ul {
margin : 0;
padding : 0;
}
.commentLinkbar li {
padding : 0 5px 0 5px;
margin : 0;
display : inline;
}
.replyform {
background: #F4E1B9; padding: 0 5px; height: 17px; border-bottom: 1px solid #EFD295; border-top: 1px solid #FBF3E3; border-left: 1px solid #FBF3E3;}
#commenttext {
width : 100%;
}
/*ARCHIVE PAGE*/
.yearlinks {
text-align : right;
}
.yearlink {
padding-left : 4px;
padding-right : 4px;
}
.month {
color: #704D2E; text-transform: uppercase; font-variant:small-caps; font-size: 6pt; line-height: 10px; font-family: "Trebuchet MS", sans-serif; width : 500px !important; margin : 8px 8px 8px 40px;
}
.daysubjects {
color : #AC926E;
padding : 8px 8px 8px 40px;
}
.daytitles {
background: #F4E1B9; padding: 0 5px; height: 17px; border-bottom: 1px solid #EFD295; border-top: 1px solid #FBF3E3; border-left: 1px solid #FBF3E3;
}
.day-date {
color : #AC926E;
width : 50%;
text-align : center;
}
.day-count {
width : 50%;
text-align : center;
float : right;
font-size : 20px;
}
.day-count a {
text-decoration : none;
color : #AC926E;
}
#welcomenoteHolder {
margin-top : 10px;
padding : 10px;
}
.entryHeader img[src="
http://p-stat.livejournal.com/img/icon_protected.gif"] {
width : 0;
height : 0;
padding : 0 10px 10px 0;
background : url(
http://i26.photobucket.com/albums/c109/alicelikewoahh/alicespixels/tiny/brandspankingnewdotNET/lock.gif);}
.entryHeader img[src="
http://p-stat.livejournal.com/img/icon_private.gif"] {
width : 0;
height : 0;
padding : 0 10px 10px 0 !important ;
background : url(
http://i26.photobucket.com/albums/c109/alicelikewoahh/alicespixels/tiny/brandspankingnewdotNET/key.gif);}
.entryHeader img {
width : 0;
height : 0;
background-repeat : no-repeat;
background-image : url(
http://i26.photobucket.com/albums/c109/alicelikewoahh/alicespixels/tiny/brandspankingnewdotNET/lock.gif);padding : 10px 10px 2px 2px;
}
.ljuser img {
width : 0;
height : 0;
background-repeat : no-repeat;
background-color : transparent;
background-image : url(
http://i26.photobucket.com/albums/c109/alicelikewoahh/alicespixels/tiny/htmllifeDOTcom/user.gif);padding : 10px 13px 2px 2px !important ;
}
.ljuser img[src="
http://p-stat.livejournal.com/img/userinfo.gif"] {
background-color : transparent;
background-image : url(
http://i26.photobucket.com/albums/c109/alicelikewoahh/alicespixels/tiny/htmllifeDOTcom/user.gif);padding : 10px 13px 2px 2px !important ;
}
.ljuser img[src="
http://p-stat.livejournal.com/img/community.gif"] {
background-color : transparent;
background-image : url(
http://i26.photobucket.com/albums/c109/alicelikewoahh/alicespixels/tiny/htmllifeDOTcom/house.gif);padding : 10px 13px 2px 2px !important ;
}
/*TAGS PAGE*/
.tagstable, .tagstable td {
border : 0;
}
.tagstable {
width : 500px;