[Chameleon] ie stylesheet problems??

[Delfos, Jacob]

Danna,
 
As far as I know, the stylesheet of the samples works. So there may be
something wrong with your paths. Be aware the path to the stylesheet is
relative to the htdocs directory, not to the template directory. Can you
double-check the path to the stylesheet as it appears in the source-code
of the loaded application in IE?
 
Theoretically, if the paths is OK for mozilla, then it should be for IE.
The only difference I now of between the two is having excessive
slashes. Mozilla is fine with that, but IE can have trouble. I suggest
you check the value of "web_server_path" in chameleon.xml (in /config).
If there is a trailing slash, remove it. 
 
If there are still problems, please let us know the paths to your
template, htdocs, and stylesheet. Also, the URL to the stylesheet as it
appears in the page.
 
regards,
 
Jacob
 
 


________________________________

	From: chameleon-bounces at lists.maptools.org
[mailto:chameleon-bounces at lists.maptools.org] On Behalf Of Danna Dowdy
	Sent: 13 June 2006 19:13
	To: chameleon at lists.maptools.org
	Subject: [Chameleon] ie stylesheet problems??
	
	
	 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!
	
	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.
	
	stylesheet link from within the html template...
	<link href="ohh_gis.css" rel="stylesheet" type="text/css">
	<link href="http://hml.noaa.gov/css/stylesheet.css"
<http://hml.noaa.gov/css/stylesheet.css>  rel="stylesheet"
type="text/css"> 
	
	stylesheet used for mapping section...
	#NavToolsLayer {
	  position:fixed;
	  background-color:#ffffff;
	  left:10px;
	  top:107px;
	  width:380px;
	  height:30px;
	  padding:0px;
	  margin:0px;
	  z-index:0;
	}
	
	#TimeFilterLayer {
	 position:absolute;
	 background-color:#ffffff;
	 left:10px;
	 top:107px;
	 width:622;
	 height:30px;
	 padding:0px;
	 margin:0px;
	 z-index:1;
	}
	
	#LegendImagesLayer {
	 position:absolute;
	 background-color:#ffffff;
	 float:right;
	 left:815px;
	 top:147px;
	 margin:0px;
	}
	
	
	#LegendLabelLayer {
	  position:absolute;
	  background-color:#ffffff;
	  left:635px;
	  top:147px;
	  width:180px;
	  height:20px;
	  margin:0px;
	  z-index:1;
	}
	
	
	#LegendLayer {
	  position:absolute;
	  background-color:#ffffff;
	  border:1px solid #cccccc;
	  left:635px;
	  top:196px;
	  width:174;
	  height:380px;
	  padding:2px 2px 2px 2px;
	  margin:0px;
	  z-index:1;
	  overflow:auto;
	}
	
	#ScaleZoomLayer {
	  padding:0px;
	  margin:0px;
	  position:absolute;
	  left:635px;
	  top:592px;
	  width:180px;
	  height:50px;
	  z-index:1;
	}
	
	#UpdateLayer {
	 padding:0px;
	 margin:0px;
	 position:absolute;
	 left:635px;
	 top:737px;
	 width:180px;
	 height:20px;
	 z-index:1;
	}
	
	#MainMapLayer {
	  padding:0px;
	  margin:0px;
	  position:absolute;
	  left:25px;
	  top:163px;
	  z-index:1;
	  border: 0px none #000000;
	}
	
	#PanArrowsLayer {
	  padding:0px;
	  margin:0px;
	  position:absolute;
	  left:10px;
	  top:147px;
	  width:620px;
	  height:620px;
	  z-index:0;
	  background-color: cccccc;
	  layer-background-color: cccccc;
	  border: 0px none #000000;
	}
	
	#MapInfoLayer {
	 padding:0px;
	 margin:0px;
	 position:absolute;
	 left:10px;
	 top:780px;
	 width:805px;
	 z-index:1;
	}
	
	#FooterLayer {
	 padding:0px;
	 margin:0px;
	 position:absolute;
	 top:950px;
	 left:250px;;
	}
	
	
	div#gis_box {
	 background-color:#FFFFFF;
	 border:1px solid #cccccc;
	 padding:2px 2px 2px 2px;
	}
	
	table#gis_themes {
	background-color:#E0E5D9;
	border-style:hidden;
	}
	
	
	.toprow {
	 vertical-align:top;
	}
	
	.middlerow {
	 vertical-align:middle;
	}
	
	.bottomrow {
	 vertical-align:bottom;
	}
	
	
	
	.topright {
	 text-align:right;
	}
	
	.topcenter {
	 text-align:center;
	}
	
	.topleft {
	 text-align:left;
	}
	
	.middleright {
	 text-align:right;
	}
	
	.middlecenter {
	 text-align:center;
	}
	
	.middleleft {
	 text-align:left;
	}
	
	.bottomright {
	 text-align:right;
	}
	
	.bottomcenter {
	 text-align:center;
	}
	
	.bottomleft {
	 text-align:left;
	}
	
	
	
	.grey_border {
	  border: 1px solid #cccccc;
	}
	
	.label
	{
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 10px;
	  color: #333333;
	}
	
	
	.input
	{
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 30px;
	  font-weight: bold;
	  color: #000000;
	  border-width: 0px;
	  background-color: #ffffff;
	}
	
	

-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.maptools.org/pipermail/chameleon/attachments/20060614/f32ef78e/attachment.html