Printable Version of Topic

Click here to view this topic in its original format

Dream.In.Code _ HTML & CSS _ Firefox style looks wrong looks right in opera/ie

Posted by: tbandtg1 24 Oct, 2008 - 06:55 AM

What am i missing here. Firefox doenst end the line after the style sheet? I figured it out needed to add height to my .css thanks anyways

style.css

CODE

ul#navigation {
padding: 0;
margin: 0;
background-color: #039;
color: #fff;
float: left;
width: 100%;
}
ul#navigation li { display: inline; }
ul#navigation li a {
padding: .25em 1em;
background-color: #039;
color: #fff;
text-decoration: none;
float: left;
border-bottom: transparent 1px #fff;
border-top: transparent 1px #fff;
border-right: transparent 1px #fff;

}
#navigation li a.current {background: lightblue;}
a.current:link, a.current:visited { color: #fff; }
ul#navigation li a.current:hover {
color: #000;
background-color: #fff;
}

a.blue:link{
color:Blue;
background:#ffffff;
}
a.blue:active{
color:#808080;
background:#efefef;
}
a.blue:visited{
color:purple;
background:#ffffff;
}
a.blue:hover{
font-style:italic;
color:lightblue;
background:#efefef;
}

default.html

CODE

<html>
<head>
<meta http-equiv='refresh' content='60'>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' //>
<link href='style.css' rel='stylesheet' type='text/css' //>
<title>Hes Home Page</title>
<script type="text/javascript" src = "hes.js"></script>
</head>
<body>
<table width='100%'><tr><td align='left'><img src='inncolor2.png' alt='hes'><td align = 'center' <h3></h3><td align='right'><h2>hes</h2></table><hr>

<ul id='navigation'>
<li><a class = 'current'href='__index.html'>Alarms</a></li><li><a href='__plan.html'>Channel Plan</a></li><li><a href='__scan.html'>Channel Scan</a></li><li><a href='__limits.html'>Limits</a></li><li><a href='__traps.html'>Recent Traps</a></li><li><a href='__live.html'>Live Mode</a></li><li><a href='__info.html'>Information</a></li></ul>

<form name = 'form'>
<table border='1'>
<tr>
<td>VSB--TEST:
<input type="radio"  checked = "checked" name = "loc"  onClick="go('/__index.html?0')">
</td>
<td>DEFAULT:
<input type="radio"
name = "loc"  onClick="go('/__index.html?1')">
</td>
<td>test1:
<input type="radio"
name = "loc"  onClick="go('/__index.html?2')">
</td>
</table>
</form>

</body>
</html>