Hello, I am new here and I encountered this problem in Internet Explorer 6. My header and footer are misaligned but it looks fine in Firefox. Also, in both Firefox and IE , my content won't fill the page to the bottom without using line breaks. Thank you for helping and being patient with someone new to CSS. Here is my code:
Code:
<html lang="en">
<head>
<title>TES and THEMIS</title>
<style type="text/css" media="screen,print">
body {
height:100%;
overflow:auto;
}
body,
html{
margin:0;
padding:0;
text-align: center
}
body {
min-width:75%;
}
div#headerwrap {
position:absolute;
width:100%;
top:0;
left:0;
height:50px;
}
body>div#headerwrap {
position:fixed;
}
div#header {
height:100px;
width:75%;
margin:0 auto;
}
div#middlewrap {
padding:50px 0 0 0;
margin-left:0;
voice-family: "\"}\"";
voice-family:inherit;
margin-left:16px;
padding-bottom:50px;
}
body>div#middlewrap {
margin-left:0;
}
div#middle {
width:75%;
margin:0 auto;
}
div#sidebar {
width:180px;
float:left;
}
div#content {
padding:0 10px;
margin-left:180px;
text-align: left
}
div#footerwrap {
width:100%;
position:absolute;
bottom:0;
left:0;
height:50px
px;
}
body>div#footerwrap {
position:fixed;
}
div#footer {
height:60px;
width:75%;
margin:0 auto;
}
body,
html{
font-family:"Trebuchet MS", Georgia, Verdana, serif;
color:#000;
background:#000;
}
div#header,
div#footer {
background:#eee;
color:#8B1A1A ;
}
div#middle,
div#sidebar {
background:#eee;
}
div#content {
background:#fff;
}
h1,
h2 {
padding:0;
margin:0;
}
div#sidebar h2 {
padding-left:5px;
}
div#footer h2 {
text-align:center;
padding:0;
margin:0;
}
div #footer p {
margin:0;
padding:0;
text-align:center;
}
div#footer a {
color:#fff;
}
h1 {
font-size:1.4em;
text-align:center;
padding-top:20px;
}
h2 {
font-size:1.2em;
padding-top:1em;
margin-top:0;
}
p {
margin-bottom:0;
font-size:0.8em;
line-height:1.4em;
}
pre {
font-size:0.9em;
line-height:1.4em;
}
ul { list-style: none;
font-size:0.8em;
line-height:1.4em;
}
ul.navbar {
list-style-type: none;
padding: 10px;
margin: 0;
position: fixed;
top: 7em;
width: 9em
}
ul.navbar li {
background: #EDEDED;
margin: 0.5em 0;
padding: 0.5em;
border-style: solid;
border-color: #8B1A1A
}
ul.navbar a {
text-decoration: none
}
a:link {
color: blue
}
a:visited {
color: purple
}
* html, * html body{
overflow:hidden;/* remove scroll mechanism from body*/
padding:50px 0;/* for ie5 and 5.5.*/
margin:-50px 0;
padd\ing:0;
margin:0;
}
* html #outer {
overflow:auto;/* this is basically the root element now*/
height:100%;
/* we need to make ie5 jump the next style block ( contain-all) so we use the voice hack*/
voice-family: "\"}\""; voice-family:inherit;
}
* html #contain-all{/* must contain all content except for top and bottom bars - ie5 doesnt want
this so jumps it as mentioned above*/
position:absolute;/* due to a bug in ie6 where children of elements that have overflow defined
behave as those they are fixed*/
overflow-y:scroll;
width:100%;
height:100%;
z-index:1;
}
</style>
</head>
<body>
<div id="headerwrap">
<div id="header">
<h1>TES and Themis<br>Critical Data Products for MSL Landing Site
Characterization</h1>
</div>
</div>
<div id="middlewrap">
<div id="middle">
<div id="sidebar">
<br>
<br>
<br>
<ul class="navbar">
<li><a href="ImprovedEberswalde.htm">Eberswalde</a>
<li><a href="GaleImproved.htm">Gale</a>
<li><a href="HoldenImproved.htm">Holden</a>
<li><a href="MawrthImproved.htm">Mawrth</a>
<li><a href="MiyamotoImproved.htm">Miyamoto</a>
<li><a href="NiliFossaeImproved.htm">Nili Fossae</a>
<li><a href="southmeridianiimproved.htm">South Meridiani</a>
</ul>
</div>
<div id="content">
<br>
<br>
<br>
<br>
<img src="Nili_ImageMORETransparentcropped.png" align="left">
This site contains summaries and datasets from the analysis of Thermal
Emission Spectrometer (TES) and Thermal Emission Imaging System
(THEMIS) data. The current 7 Mars Science Laboratory (MSL) candidate
landing sites and their surrounding regions have been analyzed and
mapped with respect to their major spectral units and bulk surface
compositions have been derived. Each link on the left pane of this
page contains a number of data products in image, binary, and ascii
data formats. A summary analysis is also present for each site.
<br>
<br>
These data products were produced by Joshua Bandfield (University of
Washington) and Deanne Rogers (Stony Brook University). Any questions
about methods or interpretations should be directed to joshband@u.washington.edu.
<br>
<br>
This work is funded under the Critical Data Products Initiative for
MSL Landing Site Characterization through the Jet Propulsion
Laboratory.
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</div>
</div>
</div>
<div id="footerwrap">
<div id="footer">
<center>
<a href="http://www.washington.edu/"><img border="0"
src="http://www.pbdh.com/image-portfolio/uw-logo-sm.png" width="191" height="59">
</a>
<a href="http://www.sunysb.edu/"><image border="0"
src="http://www.sbpli-lifirst.org/images/stonybrook_logo.gif" width="100" height="60">
</a>
</center>
</div> </div>
</div>
<br /><div style="z-index:3" class="smallfont" align="center">Content Relevant URLs by vBSEO 3.0.0 ©2007, Crawlability, Inc.</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-139461-1";
urchinTracker();
</script>
</body></html>
|
