Evil Plotbunny (hhertzof) wrote in s2expressive,
Evil Plotbunny
hhertzof
s2expressive

  • Mood:

Problems with IE and nav links

In both of the layouts I've done so far, I've positioned the nav links to the lower left.

Working on Linux, I didn't have IE available, so I was using Firefox and Opera and both looked fine.

I'm working today, and I decided to tweak my layout a bit. Opera looks fine, but I opened it up in IE and the nav links disappear off the bottom of the header and the title is pushed down about 20 pixels (it's all moving as one unit - I had to adjust the nav links and then do the rest in relation to that position). (Opera 9.24 on both machines, IE 7, I don't have the version of Firefox handy.)

Is there any way to adjust for this without screwing up the layouts in the other two browsers?

Also, I decided to strip out the underlying theme on my personal journal (which was not as bad as I expected, since I'd tweaked the colors for just about everything) and I put in.

.comment-links a { color: #721934;}

to change the color of the links in the comments and it's not working.



I may have some css in here that was for surpressing the original theme that I don't need any more, but I'm not going to worry about that right now, unless it's interfering with the questions above.

#header { background-color: #000000; position: static; }

#header-inner {
background-image: url(http://www.marblebun.com/Headers/bunbookdr.png); height:275px; position: static;
}

#header, #header-content {
background-image: none;
}

#header-text { position: relative; top: 0px; left: 0px; font-family: verdana, sans-serif;}
#header-name { position: relative; top: -285px; left: 168px; }
#header-description { position: relative; top: -290px; left: 425px; }
#header-text ul{
margin-left: 495px; margin-top: 261px;
}
.nav .item {padding: 0 0 1px 0px;
}

#header-name a { color: #fffae8; font-size: 34px;
font-weight: bold; }
#header-description { color: #fffae8; font-size: 15px; font-weight:bold;}
#header .nav a { background-color: #721934; color: #fffae8; padding: 6px; font-family: "Arial"; }
#header .nav a:visited { background-color: #721934; padding: 6px; color: #fffae8; font-family: "Arial";}

#header-text {
float: left;
text-align: left;
width: 700px;
}

#header .nav .item {
border-left-color: #721934;
}

a {color: #721934;}

#content { padding-top: 0px; }

body { background-image: none; background-color: #721934; }

.layout-tw #content-inner {background-image: none; background-color: #fffae8; background-repeat: repeat-y;}

#alpha, #alpha-inner {background-color: #FFFAE8; padding-top: 10px;}
#content, #content-inner {background-color: #FFFAE8;}
#beta, #beta-inner {background-color: #FFFAE8; padding-top: 10px;}

#alpha {border-left: 1px solid #721934;}
#alpha-inner {border-left: 1px solid #FFFAE8;}
#beta {width: 189px;}
.widget-header {border-bottom: #721934;}

.comment-links a { color: #721934;}

.asset-stream .asset-header {
background: none; font-family: georgia, serif;}
.asset-meta-list .item span {
padding-left: 0px; color: #721934;
}


.asset-name,
.asset-name a:link,
.asset-name a:visited,
.asset-name a:hover {
color : #721934;
}

.prevnext a:link,
.prevnext a:visited,
.prevnext a:hover {
color : #721934;
}

.asset-content a,
.asset-tags-list {
color: #721934;
}

.asset-tags-list a:hover { color: #721934;
background-color: #FFFAE8;
}

.widget-header,
.widget-header a,
.widget .widget-header a,
.widget-header .edit a {
color: #721934;
font-weight: bold;
font-size : 18px;
}

.widget {
border-bottom: 1px solid #721934;
}

.widget-header .edit a {
border-right: #fffae8;
}

.designed-widget {
display: none;
}
Tags: bug:browser issues, comments:colors, header:nav links:placement
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

  • 9 comments