Forum Moderators: open
The Css I have is below
----------------------------------------------------
html {min-height: 100.1%;}
#menu{
float: left;
width: 160px;
}
h5{
font: 1.1em "Arial",sans-serif;
padding-left: 5px;
margin: 7px 0 3px 3px;
}
.nav{
font: 0.8em "Arial",sans-serif;
margin: 2px;
padding: 0;
}
.nav li{
display: inline;
list-style-type: none;
}
.nav li a{
display: block;
background: #EFEFEF;
padding: 1px 1px 1px 5px;
margin: 1px;
text-decoration: none;
color: #000;
}
.nav li a:hover{
padding-left: 2px;
border-left: 3px #22E solid;
}
-----------------------------------------------------
The html is below
-----------------------------------------------------
<html>
<head><title>example.com</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<style type=text/css media=screen>
BODY {
padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; color: #000; padding-top: 0px;
background-color: #666; text-align: center
}
#content {
background: url('back.jpg');
background-repeat: no-repeat;
padding-right: 10px; padding-left: 10px; padding-bottom: 18px; margin: 15px auto; width: 780px; color: #000;
padding-top: 10px; background-color: #fff; text-align: left;height=90%;
}
#main {
float:right;padding-right: 15px; padding-left: 10px; padding-bottom: 18px; margin: 0px auto;color: #000;
padding-top: 0px; text-align: left
}
#header {
padding: 0;margin: 0; width: 100%; color: #0F0;
height=160px;
}
#footer{
text-align: center;
}
h1,h2,h3,h4 {
color: #333; font-family: Arial, Helvetica, sans-serif;
h1 {
}
p {
font-size: 1em; color: #333; font-family: Arial, Helvetica, sans-serif;
}
.main {
padding-left: 10px; font-size: 1em; color: #333; font-family: Times,serif;
}
</style>
</head>
<body>
<div id=content>
<div id=header></div>
<div id="menu">
<h5>Content</h5>
<ul class="nav">
<li><a href="bio.html">Bio</a></li>
<li><a href="lang.html">Development</a></li>
<li><a href="misc.html">Links</a></li>
<li><a href="family.html">pics</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<table>
<p>
Welcome to example.com. I will be posting lots of pictures, links, tech support inforamtion and basically what ever strikes my fancy. This is a buisness / personal webpage. Feel free to contact me on the contact page be sure to specify buisness or personal with the appropriate tag.
</P>
<p>
Click <a href="example.doc">here</a>for a copy of my resume
<p>
There are ton-o links in the misc area.
</p>
</table>
</body>
</html>
----------------------------------------------------
any help would be appreciated
[edited by: encyclo at 1:51 am (utc) on Sep. 25, 2005]
[edit reason] examplified [/edit]
is a hack I use to force a scroll bar to appear in firefox. the issue is the same without it
