[ale] Problems with style sheet

Christopher Fowler cfowler at outpostsentinel.com
Fri Feb 4 10:50:02 EST 2005


I have this style sheet and I can not figure out why in IE the links
render in td.main with the settings in td.lhs.  Can anyone tell me why?
It looks great on Linux.

body {
  background-color: #FFFFFF;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90% ;
  margin: 5px ;
}


textarea.cons {
        background:#000000;
        color:#FFFFFF;
}


/*
 * Banner - block level element showing current active function.
 */
div#banner {
	display: block ;
	background-color: #990033 ;
	font-size: 160% ;
	font-weight: bold ;
	text-align: left ;
	color: #ffffff ;
	padding: 5px ;
/*	border: 1px solid #0000ff ;	/* For debug */
}

div#spacer {
	font-size: 50% ;
}

div#log {
        display: block ;
        font-family: monospace ;
        background-color: #EEEEEE ;
        border: 1px solid #990033 ;
        padding: 6px ;
        white-space: pre ;
        text-align: left ;
}

div#tty {
        display: block ;
        font-family: monospace ;
        background-color: #000000 ;
        color: #FFFFFF ;
        border: 1px solid #990033 ;
        padding: 6px ;
        white-space: pre ;
        text-align: left ;
}


/*
 * Main table - containing 3 panes:
 *
 * lhs - navigation.
 * rhs - TBD (possibly links)
 * main - where most of the action is. Page-specific
 *        functionality all takes place here.
 */
table.canvas {
	width: 100% ;
/*	border: 1px solid #0000ff ;	/* For debug */
}

/*
 * lhs navigation bar.
 * Request 10% width.
 * Override H1 and a attributes to suit.
 */
td.lhs {
	width: 10% ;
	background-color: #990033 ;
	color: #ffffff ;
	text-align: left ;
	padding-top: 5px ;
	padding-left: 5px ;
	margin: 0 ;
	vertical-align: top ;
/*	border: 1px solid #0000ff ;	/* For debug */
}

td.lhs h1 {
	display: block ;
	font-weight: bold ;
	font-size: 90% ;
	padding: 0 ;
	margin: 0 ;
}

td.lhs a {
	display: block ;
	padding-left: 1em ;
	text-decoration: none ;
	font-size: 80% ;
	
}

td.lhs a:link, a:visited {
	color: #ffffff ;
}

/*
 * This is where the action is.
 */
td.main {
	padding: 5px ;
/*	border: 1px solid #00ff00 ;	/* For debug */
}

td.main h1 {
	display: block ;
	font-weight: bold ;
	font-size: 120% ;
	text-align: center ;
}

td.main p {
	display: block ;
	text-align: center ;
}
/*
 * rhs - TDB.
 */
td.rhs {
	width: 10% ;
/*	border: 1px solid #0000ff ;	/* For debug */
}

/*
 * Footer support, grey horizontal line, below all floats.
 * Support special handling for links.
 * Copyright and support email links are italicized and 80%
 * font size.
 */
div#footer {
	display: block ;
	clear: both ;
	width: 100% ;
	border-top: 1px solid #999999 ;
	margin-top: 2px ;
	padding-top: 2px ;
}

div#footer a {
}

div.copyright {
	display: block ;
	font-style: italic ;
	font-size: 80% ;
}

div.support {
	display: block ;
	font-style: italic ;
	font-size: 80% ;
}

/*
 * Table taking 100% of the element box.
 */
table.width100 {
	width: 100% ;
	margin: 0 ;
	padding: 0 ;
	border: 0 ;
}

tr.labels {
  text-align: center;
}

tr.odd {
  background-color: #D8D8D8;
  color: #000000;
}
tr.even {
  background-color: #E8E8E8;
  color: #000000;
}

td.param {
  width: 30% ;
}

td.value {
}

td.center {
	text-align: center;
}

a.black { 
  visited: #000000;
  color: #000000;
}
li.folder { list-style-image: url(/SystemConfig/folder.jpg); }
li.file { list-style-image: url(/SystemConfig/file.jpg); }
tr.tun-up {
  color: #000000;
  background-color: #cceedd;
}
tr.tun-down {
  color: #000000;
  background-color: #ffa0a0;
}

td.tun-up {
  color: #000000;
  background-color: #cceedd;
}
td.tun-down {
  color: #000000;
  background-color: #ffa0a0;
}








More information about the Ale mailing list