optimizing for IE

Jun 29, 2010 23:39

Hi. Sorry, I'm asking yet another obnoxious question again, but I just finished coding my journal in firefox, where it looks fine, but when I open up my journal in IE the links list has disappeared, the date is not left-aligned, and the top padding on the entry linkbar seems to be missing. I was wondering if anyone could help me fix this without changing around how my layout looks in firefox. Code below.

body {
background:#40C0CB url(http://img34.imageshack.us/img34/199/newpatt.jpg) repeat scroll;
font-family:arial, helvetica, sans-serif; font-size:11px;
margin:0;
}
a, a:visited {
color:#8FBE00;
text-decoration:none;
}
a:hover {
color:#AEE239;
}
::-moz-selection {
background:#40C0CB;
}
ul {
list-style-type:circle;
}
ol {
list-style-type:lower alpha;
}
.ljuser a b {
font-variant:small-caps;
font-weight:normal;
}
blockquote {
background:transparent url(http://img709.imageshack.us/img709/1935/littlestpatt.jpg) repeat-y scroll;
padding-left:20px;margin:10px 70px 10px 60px;
}

/*------HEADER------*/
.pageheaderblock {
width:950px; margin: 0 auto 0;
}
.header-title {
margin-top:25px;
text-align:right; text-transform:lowercase;
font-size:28px;font-weight:bolder;
color:#000000;
}
.header-subtitle {
margin-top:-5px;
text-align:right; text-transform:uppercase;
letter-spacing:2px;
font-size:1em;
color:#000000;
}
.header-menu {
margin-top:-10px;
background:#000000;
}
.header-menu ul, #footer-menu ul {
background: #000000; padding: 8px 5px 8px 0;
}
.header-menu li, #footer-menu li {
display:inline; padding: 0 15px;
word-spacing:5px; letter-spacing: 2px;
text-transform:lowercase;
font-size:22px;font-weight:bold;
}

/*------BODY-ENTRIES-----*/
.bodyblock {
width:950px; padding-top:172px;
margin: 0 auto;
}
.bodyheaderblock {
display:none;
}
.entryHolder {
background:#000000;
margin-bottom:40px;
}
.entryText {
background:#FFFFFF;padding: 15px 20px;
text-align:justify;min-height:180px;
line-height:16px;
}

/*USERPICS*/
.entryUserinfo a {
color: #00A8C6;
}
.entryUserinfo-usericon img {
margin: 30px;
padding: 15px;
background-color: #40C0CB;
}
.entryUserinfo-username {
text-align:center;margin-top:-27px;
}
.entryUserinfo-username a:hover {
color:#40C0CB;
}

/*DATE AND SUBJECT*/
.entryHeader {
background-color:#8FBE00;
border-bottom:3px solid #AEE239;
text-align:right;
}
.entryHeaderSubject {
color:transparent;padding:6px
font-size:20px;
}
.entryHeaderSubject a {
color:#AEE239;
}
.entryHeaderSubject a:hover {
color:#00A8C6;
}
.entryHeaderDate {
position:absolute;display:block;
font-size: 2.5em;font-weight: bolder;
margin-top:-27px;
}

/*METADATA*/
.entryMetadata1 {
background-color: #FFFFFF;
border:1px solid #ffffff;
}
.entryMetadata{
background-color:#40C0CB;
width:500px;padding:15px;
margin:10px 100px 0;
border-left:20px solid #00A8C6;
margin-left: auto;
margin-right: auto;
}
.entryMetadata a{
color:#FFFFFF;
padding:1px;
}
.entryMetadata a:hover{
background-color:#00A8C6;
}
.entryMetadata li{
display:block;padding:0 15px;
list-style:none none outside;
}
.entryMetadata-label{
padding:5px;
}

/*LINKBAR*/
.entryLinkbar{
width:756px;
float:right;text-align:center;
background-color:#FFFFFF;
}
.entryLinkbar a{
padding:10px;letter-spacing:4px;
font-size:20px; font-weight:bold;
}
.entryLinkbar li{
list-style:none none outside;
display:inline;
}
.entryLinkbar a[href*="edittags"], .entryLinkbar a[href*="subscriptions"], .entryLinkbar a[href*="content_flag"] {
display:none;
}
.entryLinkbar a[st_page="home"]{display:none;}

/*------COMMENT PAGES------*/
.commentHolder {
background-color:#000000;
margin:30px 0;color:#FFFFFF;
}
.commentText {
line-height:16px;
padding:2px 10px 2px 2px;
}
.commentHeader{
padding:10px;
}
.commentUserinfo{
margin:2px 20px;
}
.commentUserinfo a{
color:#ffffff;
}
.commentUserinfo-usericon img{
padding:5px;background-color:#ffffff;
}
.commentUserinfo-username {
text-align:center;padding:2px;
}
.commentUserinfo-username a{
color:#00A8C6;
}
.commentUserinfo-username a:hover {
color:#40C0CB;
}
.commentLinkbar {
text-align:right;
}
.commentLinkbar a {
padding:5px;
}
.commentLinkbar li {
display:inline;
list-style:none none outside;
}
.replyform{
background-color:#FFFFFF;
}
#commenttext {
background-color:#40C0CB;
border:1px dashed #00A8C6;
}
#qrform{
margin-top:60px;
color:#FFFFFF;
}

/*------ARCHIVE - TAGS------*/
.month{
width:700px;margin:30px auto;
padding:10px;
background-color:#FFFFFF;
}
.entryHeader a{
color:#AEE239;font-size:20px;
padding:6px;text-transform:lowercase;
}
.entryHeader a:hover {
color:#00A8C6;
}
.day{
background-color:#40C0CB;
border:1px solid #FFFFFF;
padding:3px;color:#FFFFFF;
height:50px;
}
.daytitles{
text-align:center;text-transform:uppercase;
font-weight:bold;font-size:25px;
}
.day-count a{
float:right;color:#AEE239;
font-size:12px;font-weight:bold;
padding:2px;
}
.day-count a:hover{
color:#8FBE00
}

/*------SIDEBAR-----*/
.sidebar {
position: absolute;
height:150px; width:950px;
background:#000000; color:#F9F2E7;
top:105px;
}
.sidebar a, .sidebar a:visited {
font-size:12px;
text-transform:uppercase;
letter-spacing:4px;
}
.sidebox {
float:left;
}
.sideboxTitle {
display:none;
}

.sidebox #freetext {
margin: 15px 0 0 30px;
width:550px; height:90px;
}

/*PROFILE*/
.sidebox #profile {
margin: 15px 0 0 30px;
}
.profile-label {
display:none;
}
.profile-content {
display:none;
}
.profile-userpic {
padding:5px;
background-color:#FFFFFF;
}

/*LATEST MONTH*/
.sidebox #latestmonth {
letter-spacing: 1.5px;
font-size:10px;
}
.latestmonth-active {
margin:2px; padding:2px;
border:1px solid #00A8C6;
background-color: #40C0CB;
}
.latestmonth-active:hover {
background-color:#00A8C6
}
.latestmonth-inactive {
margin:2px; padding:2px;
border:1px solid #00A8C6;
color:#ffffff;
}
.sidebox #latestmonth table {
height:120px; width: 120px;
margin: -10px 0 0 30px;
text-align:center;
}

.latestmonth-active a, .latestmonth-active a:visited {
color:#ffffff;
font-size:10px;
letter-spacing:1.5px;
}

/*LINKS LIST*/
.sidebox #systemlinks {
margin: -10px 0 0 230px;
}
.sidebox #systemlinks a, .sidebox #systemlinks a:visited {
font-size:11px;
color:#00A8C6;
letter-spacing:1px;
}

.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
color:#40C0CB;
}

.listitem {
display:inline;
padding: 15px;
text-transform:uppercase;
}

.pageblock {
position:absolute;
width:100%;
}

/*TINY ICONS*/
img[src*="icon_protected.gif"] {
background-image:url(http://img227.imageshack.us/img227/6238/thprotected.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:16px 14px 0 0 !important;
width:0;
}
img[src*="icon_groups.gif"] {
background-image:url(http://img291.imageshack.us/img291/4444/thgroups.png) !important;
background-repeat:no-repeat;
height:0;
padding:16px 14px 0 0 !important;
width:0;
}
img[src*="icon_private.gif"] {
background-image:url(http://img293.imageshack.us/img293/5650/thprivate.png) !important;
background-repeat:no-repeat;
height:0;
padding:16px 14px 0 0 !important;
width:0;
}
img[src*="userinfo.gif"] {
background-image:url(http://img69.imageshack.us/img69/35/diagona85.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 3px 2px !important;
width:0;
}
img[src*="user_ontd.gif"] {
background-image:url(http://img69.imageshack.us/img69/35/diagona85.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 3px 2px !important;
width:0;
}
img[src*="community.gif"] {
background-image:url(http://img713.imageshack.us/img713/1377/diagona148.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:13px 12px 0 0 !important;
width:0;
}
img[src*="partnercomm.gif"] {
background-image:url(http://img713.imageshack.us/img713/1377/diagona148.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:13px 12px 0 0 !important;
width:0;
}
img[src*="newsinfo.gif"] {
background-image:url(http://img713.imageshack.us/img713/1377/diagona148.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:13px 12px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url(http://img713.imageshack.us/img713/1377/diagona148.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:13px 12px 0 0 !important;
width:0;
}
img[src*="openid-profile.gif"] {
background-image:url(http://img130.imageshack.us/img130/4574/diagona145.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:8px 8px 2px 4px !important;
width:0;
}
img[src*="anonymous.gif"] {
background-image:url(http://img408.imageshack.us/img408/1352/diagona104.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:8px 11px 2px 1px !important;
width:0;
}
img[src*="help.gif"] {
background-image:url(http://img685.imageshack.us/img685/2821/questionballoon.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:16px 8px 0 0 !important;
width:0;
}
img[src*="none.gif"] {
background-image:url(http://img193.imageshack.us/img193/2855/smileydraw.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:20px 18px 0 0 !important;
width:0;
}

/*-------Contextual Popup------*/
div.ContextualPopup div.Inner {
background-color:transparent !important;
padding:10px; width:300px;
font-size:10px;font-family:"arial", sans-serif;
color:#FFFFFF !important;border:0 none;
}
div.ContextualPopup .Content {
padding:10px;background-color:#000000;
}
div.ContextualPopup .Userpic {
background-color:#000000;padding:10px;
margin-right:-30px;
}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {
color:#00A8C6 !important;font-weight:normal;
text-decoration:none !important;text-transform:uppercase;
}
div.ContextualPopup div.Inner a:hover {
color:#40c0CB !important;text-transform:lowercase;
}

subject bar, link bar

Previous post Next post
Up