IE problems, entry links?

Oct 07, 2010 21:32

Hello! I'm working on a layout, but I'm kind of really CSS-inept and ran into some trouble. ;; This is on/for a basic account. I have two questions:

1. My layout displays all nicely the way I want it to in Firefox, but in IE the sidebar's over to the right of the entries and I have no idea why. I'm okay with it since it still looks acceptable, but ideally I'd like it to display the same in both browsers. Is there any way to fix this?

2. I have no idea what these links are actually called, but how can you get links to "Add to Memories | Track This | Edit Tags" etc. at the bottom of the entry (one example being this very community). I recall seeing a way to do this with a theme layer, but is there any way to do this in CSS?

Here's my codes so far (live preview @ videlicent):
/* Cleaned CSS: */
body {
background: url(http://img32.imageshack.us/img32/9493/background2dq.png) bottom right fixed #deeaf5;

text-align: center;
color: #6f9dbe;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 0px;
}

a, a:link, a:visited {
color: #6f9dbe;
text-decoration: none;
}

a:hover {
color: #585858;
text-decoration: underline;
}

p, td {
font-size: 11px;
}

blockquote {
font-size: 11px;
margin: 10px 30px -5px 30px;
padding: 10px 15px;
background: url(http://img185.imageshack.us/img185/9876/blockquotew.png) repeat-x #deeaf5;
border: #131313 solid 0px;
}

code, kbd, pre, tt {
font-family: monospace;
}

#content
{
width: 800px;
margin-left: 25px; margin-right: auto;
background-color: transparent;
border-width: 0px;
border-style: solid;
border-color: #ffffff;
padding: 0px;
}

#maincontent {
margin-top: 0px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: transparent;
color: #6f9dbe;
padding: 32px 10px 0px 10px;
border-style: solid;
border-color: #ffffff;
border-width: 0px;
margin-left: 210px;
text-align: left;
}

#sidebar {

padding-top: 40px;
min-height: 100%;
margin-top: 0px;
background: url(http://img543.imageshack.us/img543/4401/sidebarx.png) fixed repeat-x #6f9dbe;
border: 0px;
border-color: #000000;
border-style: solid;
font-size: 11px;
font-family: "Georgia";
color: #3d3a3a;
width: 175px;
float: right;
text-align: left;
position: fixed;
}

#header {
width: 100%;
height: 0px;
margin: 0px;
text-align: right;
font-family: "georgia";
font-size: 11px;
font-weight: none;
letter-spacing: 2px
border-style: solid;
border-color: #ffffff;
border-width: 0px;
background: none;
color: #6F9DBE;
}

#footer {
text-align: right;
font-family: "Georgia";
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
background: transparent;
color: #6F9DBE;
border-color: #ffffff;
border-width: 0px;
border-style: solid;
z-index: 100;
clear: both;
}

/* header -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #ffffff;
}

div#header a:hover, div#footer a:hover {
color: #6f9dbe;
text-decoration: none;
}

ul.navheader
{
display: none;
padding: 0px 9px 10px 10px;
margin: 0px;
text-align: left;
}

ul.navheader li {
display: inline;
padding: 0px 3px 0px 3px;
}

.title {
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
}

.subtitle{
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #fffffa;
}

div#sidebar a:hover {
color: #3d3a3a;
text-decoration: none;
}

.defaultuserpic {
text-align: center;
margin: -15px 32px 5px 33px;
padding: 5px 0px;
background-color: #addbfb;
border-style: 0px solid;
-moz-border-radius: 5px;
}

.sbarheader {
padding: 0px 5px 0px 5px;
}

.sbarbody {
padding: 0px 5px 0px 5px;
}

.sbarbody2 {
padding: 0 0px 0 35px;
}

#sidebar_summary li.sbaritem {
margin: 0 10px;
padding: 0px;
border-bottom: 0px #fffffa solid;
}

#sidebar_tags {
max-height: 100px;
overflow-y: scroll;
}

table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
border-color: #6f9dbe;
border-width: 0px;
border-style: solid;
text-align: center;
font-family: "Georgia";
font-size: 12px;
}

.sbarcalendarposts {
border-color: #6f9dbe;
border-width: 0px;
border-style: solid;
background-color: transparent;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

ul.sbarlist
{
padding-left: 10px;
margin-left: 0px;
list-style: none;
}

li.sbaritem, .tagcloud
{
padding: 0px 0px 3px 0px;
list-style: none;
}

li.sbartitle
{
padding-left: 20px;
list-style: none;
border-style: solid;
border-width: 0px;
border-color: #ffffff;
background-color: transparent;
margin-bottom: 10px;
margin-top: 10px;
}

/* maincontent */

.subcontent {
}

.entry {
margin: 0px 0px 0px 0px;
padding: 10px;
background-color: #fffffa;
color: #3d3a3a;
font-family: "Arial" sans-serif;
font-size: 10.5px;
text-align: left;
border-width: 0px;
border-color: #6F9DBE;
border-style: solid;
}

.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}

.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}

.ljtags {
margin: 10px 0px 10px 0px;
padding: 10px 0px 0px 0px;
color: #3D3a3a;
font-size: 10px;
border: 0px solid #c2cde0;
}

.userpic {
position: relative;
float: left;
background-color: #addbfb;
padding: 5px;
margin: 10px 10px 0px -25px;
z-index: 15;
border-width: 0px;
border-color: #6F9DBE;
border-style: solid;
-moz-border-radius: 5px;
}

.userpicfriends {
position: relative;
float: left;
background-color: #addbfb !important;
padding: 5px;
margin: 10px 10px 0px -25px;
text-align: center;
border-style: solid;
border-width: 0px;
border-color: #6F9DBE;
-moz-border-radius: 5px;
font-family: "Georgia";
font-size: 11px;
z-index: 15;
}

.userpicfriends a span
.userpic a, .userpic a font, .userpic a:link font, .userpic a:visited font, .userpic a:hover font, .userpicfriends a, .userpicfriends a font, .userpicfriends a:link font, .userpicfriends a:visited font, .userpicfriends a:hover font, .userpicfriends a span {
font-size: 7pt;
font-family: Georgia;
color: #3d3a3a !important;
padding: 5px 0px 0px 0px;
text-transform: none;
letter-spacing: +1px;
}

.date {
line-height: 20%;
padding: 15px 0px 0px 0px;
top: 15px;
color: #3d3a3a;
font-family: "Georgia";
font-size: 11px;
}

.subject {
font-weight: none;
padding: 05px;
color: #3d3a3a;
font-family: "Georgia";
font-size: 30px;
}

.subject a, .subject a:link, .subject a:visited, .subject a:hover {
color: #3d3a3a;
/*color: #ffffff;*/
text-decoration: none;
}

/*.subject a:hover {
color: #585858;
}*/

.datesubject {
background: url(http://img543.imageshack.us/img543/4401/sidebarx.png) repeat-x #6F9DBE;
padding: 3px;
}

.currents, .currentmood, .currentmusic {
display: none;
font-family: "Georgia";
font-size: 10px;
}

.comments {
font-family: "Georgia";
font-size: 12px;
text-align: right;
background: url(http://img543.imageshack.us/img543/4401/sidebarx.png) fixed repeat-x #6F9DBE;
padding: 3px 5px 3px 5px;
position: relative;
top: 15px;
margin: -5px -10px 0px -10px;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #3d3a3a;
}

div.comments a:hover {
color: #3d3a3a;
text-decoration: none;
}

/* maincontent -- year/achive pages */

ul.year {
text-align: center;
padding-bottom: 40px;
}

ul.year li {
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #ffffff;
}

table.yeartable td.yearday {
background-color: #ffffff;
text-align: center;
}

td.yearmonth {
border-style: none;
}

/* footer */

ul.navfooter{
padding: 5px;
margin: -60px 10px 0px 0px;
}

ul.navfooter li {
display: inline;
margin: 0px 5px 0 5px;
}

.clearfoot {
clear: both;
}

/* misc */

.clear {
height: 15px;
}

.skiplinks {
text-align: center;
}

.headerimage {
/* for formatting header image */
}

.separator{
/* for formatting separators between entries */
height: 35px;
}

* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}

* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 1px;
border-style: solid;
border-color: #ffffff;
background-color: #585858;
}

#lj_controlstrip {
display: none;
background-color: #ffffff;
background-image: url(http://l-stat.livejournal.com/palimg/controlstrip/bg.gif/ptffffffd5d5d5);
}

#lj_controlstrip td {
color: #585858;
border-bottom: 1px solid #ffffff;
}

#lj_controlstrip_statustext {
color: #585858;
}

#lj_controlstrip a {
color: #6f9dbe;
}

#lj_controlstrip_user,
#lj_controlstrip_actionlinks,
#lj_controlstrip_search,
#lj_controlstrip_login,
#lj_controlstrip_loggedout_userpic {
border-right: 1px solid #ffffff;
}

#lj_controlstrip_login td {
border-bottom: 0;
}

#lj_controlstrip td td {
border-bottom: 0;
}

#lj_controlstrip_userpic {
background-image: url(http://l-stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptffffff585858);
}

#lj_controlstrip_loggedout_userpic {
background-image: url(http://l-stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptffffff585858);
}

Thanks very much in advance! ♥

lj and browser issues, free accounts, solved, misc

Previous post Next post
Up