layout not displaying correctly in IE
(me again, sorry!)
The layout I did for russia_sushi displays fine in Firefox and Safari, but in IE it looks like this. I have no idea what's causing the problem, is there any way to fix it?
Here are my codes:
/* PAGE */
body {
font-family: georgia, sans-serif;
font-size: 11px;
margin: 0px;
background-color: #202020;
color: #000000;
background-image: url('');
}
a {
color: #6f6f6f; font-weight: normal; text-decoration: none;
}
a:visited { color: #6f6f6f; font-weight: normal; text-decoration: none;
}
a:hover { color: #3f3f3f; }
.pageblock{
width:100%;
margin: 0 auto;
}
.pagefooterblock {
display: none;
}
/* HEADER */
.pageheaderblock {
text-align: center;
}
.header-title {
background-color: #12355F;
font-family: ;
font-size: 30px;
color: #ffffff;
padding: 0px 20px 0px 20px; line-height: 50px; position: fixed; top: 0; z-index: 1; width: 100% !important;
}
.header-subtitle { display: none;}
.header-icon { display: none;
}
.header-menu {
padding: 0px;
background-color: #9F090F;
padding-left: 19px;
font-family: ;
font-size: 20px; border-top: 2px solid #fff; border-bottom: 2px solid #fff;
line-height: 50px; color: #fff; text-transform: lowercase; font-weight: 100; position: fixed; top: 50px; z-index: 1; width: 100% !important;
}
.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: left;
padding: 2px 6px 2px 6px;
color: #ffffff;
text-decoration: none;
}
.header-menu a:hover { background-color: transparent !important; color: #fff !important; }
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}
/* BODY */
.bodyblock {
padding: 125px 20px 0px 20px; width: 80%; margin: 0 auto;
}
.bodyheaderblock {
background-color: #F8B600;
padding: 4px 0px 4px 0px; line-height: 40px; text-align: center !important; position: fixed; top: 104px; z-index: 1; width: 100% !important; border-top: none;
}
.bodynavblock { display: none;
}
.body-title {
font-family: ;
font-size: 20px;
color: #F8B600 !important; text-transform: lowercase;
text-align: center;
}
.body-midtitle { display: none;
}
/*ENTRIES*/
.entryHolder {
color: #202020;
background-color: #ffffff;
font-family: ;
font-size: 12px;
margin: 20px 0px 40px 0px; border-top: none; -moz-border-radius: 10px;
}
.entryUserinfo {
text-align: center;
margin: 40px 8px 8px 20px;
background-color: #9F090F; border-left: 5px solid #12355F; padding-left: 5px;
}
.entryUserinfo-usericon img { border-left: 5px solid #F8B600; border-right: none; border-top: none; border-bottom: none;
}
.entryText {
padding: 15px 20px 0px 15px;
}
.entryHeader {
background: transparent;
color: transparent;
font-family: "Georgia" serif;
padding: 15px; padding-top: 20px; text-align: center; border-bottom: 10px double #202020;
}
.entryHeader a{
color: #202020;
text-decoration: none; text-align: center;
}
.entryHeader a:visited {color: #202020; }
.entryHeader a:hover { color: #5f5f5f !important; }
.entryHeaderSubject {
text-transform: uppercase;
font-size: 30px;
text-decoration: none;
margin: 0px 0px 0px 0px;
font-family: "georgia" sans-serif;
}
.entryHeaderDate {
display: none;
}
.entryMetadata {
padding-left: 6px; display: none;
}
.entryMetadata ul {
margin: 0px;
padding: 0px; text-align: center; text-transform: lowercase;
}
.entryMetadata li {
list-style: none;
display: inline;
padding-right: 15px;
}
.entryMetadata-label {
font-weight: bold;
padding-right: 4px; display: none;
}
.entryLinkbar {
font-family: ;
font-size: 15px;
color: #202020;
text-align: center;
padding: 15px 0px 20px 0px; text-transform: lowercase; margin:
}
.entryLinkbar a:hover { text-transform: lowercase; color: #202020 !important; }
.entryLinkbar ul {
margin-top: 5px;
padding: 0px 0px 0px 0px;
}
.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
/*FOOTER*/
#footer-menu { display: none;
font-size: 11px;
}
#footer-menu a, .footer-menu a:visited {
color: #000000;
white-space: nowrap;
padding: 6px;
text-align: left;
}
/*SIDEBAR*/
.sidebar {
font-family: ;
font-size: 11px;
margin-right: 30px;
width: 175px; margin-top: 20px;
}
.sidebox {
color: #202020;
background-color: #ffffff;
margin: 4px 0px 20px 0px; -moz-border-radius: 10px;
}
.sideboxTitle {
background-color: transparent;
color: #000000;
font-family: ;
font-size: 13px;
padding: 10px 0px 7px 0px;
text-align: center; text-transform: uppercase; border-bottom: 4px double #202020; border-top: none;
}
.sideboxContent {
text-align: left;
padding: 10px 10px 10px 10px; min-height: 50px;
}
.sidebox #latestmonth, .sidebox #search {
text-align: center;
}
.sidebox #profile {text-align: center;}
.sidebox #tags_sidebox {
text-align: center;
}
.sidebox #systemlinks {
text-align: left;
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px; padding-bottom: 5px;
}
.listtitle {
font-weight: bold;
}
.profile-label { display: none;
font-weight: bold;
}
/*ARCHIVE PAGE*/
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 500px;
border: 1px solid #CFCFCF;
margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px;
}
.daysubjects {
color: #202020;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 0px solid #dddddd;
background: transparent;
color: #202020;
}
.day-blank {
border: 1px solid #CFCFCF;
}
.day {
border: 1px solid #CFCFCF;
}
.day-date {
border-right: 4px double #CFCFCF;
border-bottom: 4px double #CFCFCF;
color: #202020;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a {
text-decoration: none;
color: #6f6f6f;
}
.day-count a:hover { color: #3f3f3f; }
/*TAGS PAGE*/
.tagstable, .tagstable td {
border: 0; text-align: center;
}
.tagstable { width: 500px; margin-bottom: 20px; }
/*OTHER*/
span.ljuser img{ visibility: hidden; padding: 0; width: 0; height: 0; }
span.ljuser, span.ljuser a b{ padding: 0; width: 0; height: 0; margin: 0; font-weight:100; color: #6f6f6f; }
div.entryUserinfo-username {
display: none
}
#lj_controlstrip { display: none; }
div.ContextualPopup div.Inner{ background: transparent!important; color: #202020!important; border: 0; padding: 0; width: 300px; font-family: georgia; font-weight: normal; font-size: 10px; text-transform: lowercase; }
div.ContextualPopup .Content{ padding: 7px 10px; margin-right: 80px; line-height: 1.4; background: #fff; border: 1px solid #eee; -moz-border-radius: 10px; }
div.ContextualPopup .Userpic{ display: none; padding: 10px; background: #fff; margin-top: 40px; border: 1px solid #eee; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: normal !important; text-transform: uppercase; color: #6f6f6f !important; }
div.ContextualPopup .Relation{ border-bottom: 4px double #4f4f4f; margin-bottom: 4px; padding: 4px 0; }
Thanks!
The layout I did for russia_sushi displays fine in Firefox and Safari, but in IE it looks like this. I have no idea what's causing the problem, is there any way to fix it?
Here are my codes:
/* PAGE */
body {
font-family: georgia, sans-serif;
font-size: 11px;
margin: 0px;
background-color: #202020;
color: #000000;
background-image: url('');
}
a {
color: #6f6f6f; font-weight: normal; text-decoration: none;
}
a:visited { color: #6f6f6f; font-weight: normal; text-decoration: none;
}
a:hover { color: #3f3f3f; }
.pageblock{
width:100%;
margin: 0 auto;
}
.pagefooterblock {
display: none;
}
/* HEADER */
.pageheaderblock {
text-align: center;
}
.header-title {
background-color: #12355F;
font-family: ;
font-size: 30px;
color: #ffffff;
padding: 0px 20px 0px 20px; line-height: 50px; position: fixed; top: 0; z-index: 1; width: 100% !important;
}
.header-subtitle { display: none;}
.header-icon { display: none;
}
.header-menu {
padding: 0px;
background-color: #9F090F;
padding-left: 19px;
font-family: ;
font-size: 20px; border-top: 2px solid #fff; border-bottom: 2px solid #fff;
line-height: 50px; color: #fff; text-transform: lowercase; font-weight: 100; position: fixed; top: 50px; z-index: 1; width: 100% !important;
}
.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: left;
padding: 2px 6px 2px 6px;
color: #ffffff;
text-decoration: none;
}
.header-menu a:hover { background-color: transparent !important; color: #fff !important; }
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}
/* BODY */
.bodyblock {
padding: 125px 20px 0px 20px; width: 80%; margin: 0 auto;
}
.bodyheaderblock {
background-color: #F8B600;
padding: 4px 0px 4px 0px; line-height: 40px; text-align: center !important; position: fixed; top: 104px; z-index: 1; width: 100% !important; border-top: none;
}
.bodynavblock { display: none;
}
.body-title {
font-family: ;
font-size: 20px;
color: #F8B600 !important; text-transform: lowercase;
text-align: center;
}
.body-midtitle { display: none;
}
/*ENTRIES*/
.entryHolder {
color: #202020;
background-color: #ffffff;
font-family: ;
font-size: 12px;
margin: 20px 0px 40px 0px; border-top: none; -moz-border-radius: 10px;
}
.entryUserinfo {
text-align: center;
margin: 40px 8px 8px 20px;
background-color: #9F090F; border-left: 5px solid #12355F; padding-left: 5px;
}
.entryUserinfo-usericon img { border-left: 5px solid #F8B600; border-right: none; border-top: none; border-bottom: none;
}
.entryText {
padding: 15px 20px 0px 15px;
}
.entryHeader {
background: transparent;
color: transparent;
font-family: "Georgia" serif;
padding: 15px; padding-top: 20px; text-align: center; border-bottom: 10px double #202020;
}
.entryHeader a{
color: #202020;
text-decoration: none; text-align: center;
}
.entryHeader a:visited {color: #202020; }
.entryHeader a:hover { color: #5f5f5f !important; }
.entryHeaderSubject {
text-transform: uppercase;
font-size: 30px;
text-decoration: none;
margin: 0px 0px 0px 0px;
font-family: "georgia" sans-serif;
}
.entryHeaderDate {
display: none;
}
.entryMetadata {
padding-left: 6px; display: none;
}
.entryMetadata ul {
margin: 0px;
padding: 0px; text-align: center; text-transform: lowercase;
}
.entryMetadata li {
list-style: none;
display: inline;
padding-right: 15px;
}
.entryMetadata-label {
font-weight: bold;
padding-right: 4px; display: none;
}
.entryLinkbar {
font-family: ;
font-size: 15px;
color: #202020;
text-align: center;
padding: 15px 0px 20px 0px; text-transform: lowercase; margin:
}
.entryLinkbar a:hover { text-transform: lowercase; color: #202020 !important; }
.entryLinkbar ul {
margin-top: 5px;
padding: 0px 0px 0px 0px;
}
.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
/*FOOTER*/
#footer-menu { display: none;
font-size: 11px;
}
#footer-menu a, .footer-menu a:visited {
color: #000000;
white-space: nowrap;
padding: 6px;
text-align: left;
}
/*SIDEBAR*/
.sidebar {
font-family: ;
font-size: 11px;
margin-right: 30px;
width: 175px; margin-top: 20px;
}
.sidebox {
color: #202020;
background-color: #ffffff;
margin: 4px 0px 20px 0px; -moz-border-radius: 10px;
}
.sideboxTitle {
background-color: transparent;
color: #000000;
font-family: ;
font-size: 13px;
padding: 10px 0px 7px 0px;
text-align: center; text-transform: uppercase; border-bottom: 4px double #202020; border-top: none;
}
.sideboxContent {
text-align: left;
padding: 10px 10px 10px 10px; min-height: 50px;
}
.sidebox #latestmonth, .sidebox #search {
text-align: center;
}
.sidebox #profile {text-align: center;}
.sidebox #tags_sidebox {
text-align: center;
}
.sidebox #systemlinks {
text-align: left;
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px; padding-bottom: 5px;
}
.listtitle {
font-weight: bold;
}
.profile-label { display: none;
font-weight: bold;
}
/*ARCHIVE PAGE*/
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 500px;
border: 1px solid #CFCFCF;
margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px;
}
.daysubjects {
color: #202020;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 0px solid #dddddd;
background: transparent;
color: #202020;
}
.day-blank {
border: 1px solid #CFCFCF;
}
.day {
border: 1px solid #CFCFCF;
}
.day-date {
border-right: 4px double #CFCFCF;
border-bottom: 4px double #CFCFCF;
color: #202020;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a {
text-decoration: none;
color: #6f6f6f;
}
.day-count a:hover { color: #3f3f3f; }
/*TAGS PAGE*/
.tagstable, .tagstable td {
border: 0; text-align: center;
}
.tagstable { width: 500px; margin-bottom: 20px; }
/*OTHER*/
span.ljuser img{ visibility: hidden; padding: 0; width: 0; height: 0; }
span.ljuser, span.ljuser a b{ padding: 0; width: 0; height: 0; margin: 0; font-weight:100; color: #6f6f6f; }
div.entryUserinfo-username {
display: none
}
#lj_controlstrip { display: none; }
div.ContextualPopup div.Inner{ background: transparent!important; color: #202020!important; border: 0; padding: 0; width: 300px; font-family: georgia; font-weight: normal; font-size: 10px; text-transform: lowercase; }
div.ContextualPopup .Content{ padding: 7px 10px; margin-right: 80px; line-height: 1.4; background: #fff; border: 1px solid #eee; -moz-border-radius: 10px; }
div.ContextualPopup .Userpic{ display: none; padding: 10px; background: #fff; margin-top: 40px; border: 1px solid #eee; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: normal !important; text-transform: uppercase; color: #6f6f6f !important; }
div.ContextualPopup .Relation{ border-bottom: 4px double #4f4f4f; margin-bottom: 4px; padding: 4px 0; }
Thanks!