IE CSS Help (20 characters)?
I have this website I'm making for someone, it's easier to show you what's going on rather than to try to explain it. You'll notice the label and h1 tags are showing up twice, I haven't the slightest clue why. The link to it is: http://phpsite.macabreink.com/form.html .
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Form Sheet</title>
<style type="text/css">
body {
font: .8em/1.8em veranda, arial, sans-serif;
background-color: #05357A;
margin-left: 50px;
margin-right: 100px;
}
#content {
border-left: 1px solid #711515;
border-right: 1px solid #711515;
border-bottom: 1px solid #711515;
padding: 10px 5px 6px 5px;
background-color: #fff;
height: 100%;
}
#content h1 {
font-size: 2.2em;
color: #333;
background-color: transparent;
text-align: center;
padding-bottom: 20px;
line-height: 0;
padding: 0;
}
ul#tabnav {
list-style-type: none;
margin: 0;
padding-left: 40px;
padding-bottom: 24px;
border-bottom: 1px solid #555;
font: bold 11px veranda, arial, sans-serif;
}
ul#tabnav li {
float: left;
height: 21px;
background-color: #666;
color: #FFFFFF;
margin: 2px 2px 0 2px;
border-left: 1px solid #111;
border-bottom: 1px solid #777;
border-top: 1px solid #000;
border-right: 1px solid #444;
}
ul#tabnav a:link, ul#tabnav a:visited {
display: block;
background-color: transparent;
color: #000;
text-decoration: none;
padding: 4px;
width: 100px;
font-size: 1.3em;
}
ul#tabnav a:hover {
background-color: #999;
color: #fff;
}
body#form li.part1, body#content li.contact, body#articles li.articles, body#buy li.buy {
border-bottom: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
float: left;
margin-left: 10px;
display: inline; /* <---Solution for bug IE6 */
}
body#form li.part1 a:link, body#part1 li.part1 a:visited, body#content li.part2 a:link, body#content li.part2 a:visited, body#part3 li.part3 a:link, body#part3 li.part3 a:visited, body#part4 li.part4 a:visited {
color: #000000;
background-color: #FFFFFF;
}
#content {
border: 1px solid #666;
border-top: none;
padding: 10px 5px 6px 5px;
}
body#form {
background-color: #036;
}
input {
border: 1px solid #009;
background-color: #999;
}
#search {
width: 55%;
padding: 0;
line-height: 0;
height: 30px;
float: right;
}
</style>
</head>
<body id="form">
<ul id="tabnav">
<li class="part1"><a href="#">Part 1</a></li>
<li class="part2"><a href="#">Part 2</a></li>
<li class="part3"><a href="#">Part 3</a></li>
<li class="part4"><a href="#">Part 4</a></li>
</ul>
<div id="content">
<div id="search">
<form method="get" action="#" id="search" />
<input type="text" id="search" name="search" value="search" />
<br />
<br />
</div>
<!-- end search div -->
<h1>Part 1</h1>
<form id="checkbox" action="#" method="post" />
<label>Offer Letter Signed</label>
<input type="checkbox" id="lett_sign" name="lett_sign" />
<br />
<label>Resume</label>
<input type="checkbox" id="resume" name="resume"/>
<br />
<br />
<input type="submit" name="submit" value="Submit" id="submit" />
<input type="reset" name="reset" value="Reset" id="reset" />
</form>
</div>
</body>
</html>
That's the code for it.
You helped fix it, thanks man!
Wow, I never knew that, thought I knew a lot, but I learn something new everyday, thanks man!