<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
I have an external stylesheet that I am linking to from within the
main html template that contains style information for a header and
footer that I have added to my mapping application (the header and
footer code has been added directly to the html template), if I view
the html page directly in any browser, the header and footer render
fine. When I view the phtml template which calls the html template in
Mozilla, it looks fine...but in IE, the header and footer are messed
up. The code for the header and footer are used in another web
application that we maintain here and there are no problems with it in
any browser, so I am a little lost here!<br>
<br>
Also, the sample stylesheet for the map section of the page (the one
that came with chameleon) seems to have problems in IE as well. For
example, the pan arrows are all in the top left corner of the main map
layer among other things. I have searched for an answer to this with
no success so if anyone can help, please let me know. Thanks.<br>
<br>
<b>stylesheet link from within the html template...</b><br>
<link href="ohh_gis.css" rel="stylesheet" type="text/css"><br>
<link href=<a class="moz-txt-link-rfc2396E" href="http://hml.noaa.gov/css/stylesheet.css">"http://hml.noaa.gov/css/stylesheet.css"</a> rel="stylesheet"
type="text/css"> <br>
<br>
<b>stylesheet used for mapping section...</b><br>
#NavToolsLayer {<br>
position:fixed;<br>
background-color:#ffffff;<br>
left:10px;<br>
top:107px;<br>
width:380px;<br>
height:30px;<br>
padding:0px;<br>
margin:0px;<br>
z-index:0;<br>
}<br>
<br>
#TimeFilterLayer {<br>
position:absolute;<br>
background-color:#ffffff;<br>
left:10px;<br>
top:107px;<br>
width:622;<br>
height:30px;<br>
padding:0px;<br>
margin:0px;<br>
z-index:1;<br>
}<br>
<br>
#LegendImagesLayer {<br>
position:absolute;<br>
background-color:#ffffff;<br>
float:right;<br>
left:815px;<br>
top:147px;<br>
margin:0px;<br>
}<br>
<br>
<br>
#LegendLabelLayer {<br>
position:absolute;<br>
background-color:#ffffff;<br>
left:635px;<br>
top:147px;<br>
width:180px;<br>
height:20px;<br>
margin:0px;<br>
z-index:1;<br>
}<br>
<br>
<br>
#LegendLayer {<br>
position:absolute;<br>
background-color:#ffffff;<br>
border:1px solid #cccccc;<br>
left:635px;<br>
top:196px;<br>
width:174;<br>
height:380px;<br>
padding:2px 2px 2px 2px;<br>
margin:0px;<br>
z-index:1;<br>
overflow:auto;<br>
}<br>
<br>
#ScaleZoomLayer {<br>
padding:0px;<br>
margin:0px;<br>
position:absolute;<br>
left:635px;<br>
top:592px;<br>
width:180px;<br>
height:50px;<br>
z-index:1;<br>
}<br>
<br>
#UpdateLayer {<br>
padding:0px;<br>
margin:0px;<br>
position:absolute;<br>
left:635px;<br>
top:737px;<br>
width:180px;<br>
height:20px;<br>
z-index:1;<br>
}<br>
<br>
#MainMapLayer {<br>
padding:0px;<br>
margin:0px;<br>
position:absolute;<br>
left:25px;<br>
top:163px;<br>
z-index:1;<br>
border: 0px none #000000;<br>
}<br>
<br>
#PanArrowsLayer {<br>
padding:0px;<br>
margin:0px;<br>
position:absolute;<br>
left:10px;<br>
top:147px;<br>
width:620px;<br>
height:620px;<br>
z-index:0;<br>
background-color: cccccc;<br>
layer-background-color: cccccc;<br>
border: 0px none #000000;<br>
}<br>
<br>
#MapInfoLayer {<br>
padding:0px;<br>
margin:0px;<br>
position:absolute;<br>
left:10px;<br>
top:780px;<br>
width:805px;<br>
z-index:1;<br>
}<br>
<br>
#FooterLayer {<br>
padding:0px;<br>
margin:0px;<br>
position:absolute;<br>
top:950px;<br>
left:250px;;<br>
}<br>
<br>
<br>
div#gis_box {<br>
background-color:#FFFFFF;<br>
border:1px solid #cccccc;<br>
padding:2px 2px 2px 2px;<br>
}<br>
<br>
table#gis_themes {<br>
background-color:#E0E5D9;<br>
border-style:hidden;<br>
}<br>
<br>
<br>
.toprow {<br>
vertical-align:top;<br>
}<br>
<br>
.middlerow {<br>
vertical-align:middle;<br>
}<br>
<br>
.bottomrow {<br>
vertical-align:bottom;<br>
}<br>
<br>
<br>
<br>
.topright {<br>
text-align:right;<br>
}<br>
<br>
.topcenter {<br>
text-align:center;<br>
}<br>
<br>
.topleft {<br>
text-align:left;<br>
}<br>
<br>
.middleright {<br>
text-align:right;<br>
}<br>
<br>
.middlecenter {<br>
text-align:center;<br>
}<br>
<br>
.middleleft {<br>
text-align:left;<br>
}<br>
<br>
.bottomright {<br>
text-align:right;<br>
}<br>
<br>
.bottomcenter {<br>
text-align:center;<br>
}<br>
<br>
.bottomleft {<br>
text-align:left;<br>
}<br>
<br>
<br>
<br>
.grey_border {<br>
border: 1px solid #cccccc;<br>
}<br>
<br>
.label<br>
{<br>
font-family: Arial, Helvetica, sans-serif;<br>
font-size: 10px;<br>
color: #333333;<br>
}<br>
<br>
<br>
.input<br>
{<br>
font-family: Arial, Helvetica, sans-serif;<br>
font-size: 30px;<br>
font-weight: bold;<br>
color: #000000;<br>
border-width: 0px;<br>
background-color: #ffffff;<br>
}<br>
<br>
</body>
</html>