[ale] Problems with style sheet
Christopher Fowler
cfowler at outpostsentinel.com
Fri Feb 4 11:01:07 EST 2005
I guess it may help to actually see the page that is rendering
incorrectly
-- Cut Here ---
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 //EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd ">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Add Organization</title>
<link rel="stylesheet" href="/SystemConfig/style.css" type="text/css"/>
</head>
<body>
<div id="banner">
System Configuration
</div>
<div id="spacer">
</div>
<table class="canvas" border="0" cellspacing="0">
<tbody><tr>
<td class="lhs">
<h1>Configuration</h1>
<a href="/SystemConfig/Email.pl">Administrator</a>
<a href="/SystemConfig/CDBackup.pl">CD-R/W Backup</a>
<a href="/SystemConfig/Backup.pl">DB Backup</a>
<a href="/SystemConfig/Time.pl">Date & Time</a>
<a href="/SystemConfig/Hosts.pl">Static Hosts</a>
<a href="/SystemConfig/Network.pl">Network</a>
<a href="/SystemConfig/Ntp.pl">NTP</a>
<a href="/SystemConfig/Organizations.pl">Organizations</a>
<a href="/SystemConfig/Password.pl">Password</a>
<a href="/SystemConfig/Routes.pl">Routes</a>
<a href="/SystemConfig/Simulation.pl">Simulation</a>
<a href="/SystemConfig/SMBShares.pl">Shares</a>
<a href="/SystemConfig/SSLCerts.pl">SSL</a>
<a href="/SystemConfig/SYSBackup.pl">SYS Backup</a>
<a href="/SystemConfig/Vtun.pl">Tunnels</a>
<h1>Modules</h1>
<h1>Status</h1>
<a href="/SystemConfig/Disk.pl">Disk</a>
<a href="/SystemConfig/Load.pl">Load</a>
<a href="/SystemConfig/Memory.pl">Memory</a>
<a href="/SystemConfig/Netstat.pl">Network</a>
<a href="/SystemConfig/Ping.pl">Ping</a>
<a href="/SystemConfig/Shutdown.pl">Power Off</a>
<a href="/SystemConfig/Processes.pl">Processes</a>
<a href="/SystemConfig/Restart.pl">Restart</a>
<a href="/SystemConfig/Syslog.pl">System Log</a>
<a href="/SystemConfig/Weblog.pl">Web Logs</a>
<h1>AlarmCenter</h1>
<a href="/SystemConfig/ConsoleLogs.pl">Console Logs</a>
<a href="/SystemConfig/DailyACReport.pl">Daily AC Report</a>
<a href="/SystemConfig/EscalationLogs.pl">Escalation Logs</a>
<h1>Session</h1>
<a href="/SystemConfig/EmailSupport.pl">Email Support</a>
<a href="/SystemConfig/Logout.pl">Logout</a>
</td>
<td class="main">
<h1>Add New organization</h1>
<p>Adding: TEST</p>
<div id="log">
Creating AC_TEST
</div>
<p>[<a class="black" href="/SystemConfig/Organizations.pl">Back</a>]</p>
</td>
<td class="rhs">
</td>
</tr>
</tbody></table>
<div id="footer">
<a href="http://www.outpostsentinel.com/">Sentinel Alarm Manager System
Configuration</a>
<div class="copyright">Copyright © 2005</div>
<div class="support"><a
href="mailto:support at outpostsentinel.com">support at outpostsentinel.com</a></div>
</div>
</body>
</html>
-- Cut Here ---
On Fri, 2005-02-04 at 10:45, Christopher Fowler wrote:
> 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;
> }
>
>
>
>
>
>
> _______________________________________________
> Ale mailing list
> Ale at ale.org
> http://www.ale.org/mailman/listinfo/ale
More information about the Ale
mailing list