[OpenLayers-Users] Map div within a div does not display in Internet Explorer

[zenzero-2001]

Hi,

I have a problem with getting the map div to display in browsers other than
Firefox. I have found that the problem is something to do with having the
map div encapsulated within other divs. If I remove the encapsulating divs
then the map will display okay in other browsers, but obviously all the CSS
formatting is lost. Does anybody have any ideas how I can get the map to
display in Internet Explorer (etc) whilst maintaining the CSS formatting? I
am new to CSS; basically the prettiness was written by somebody else and I
am writing a new OpenLayers backend. Here is an excerpt from the jsp page
source, there are three encapsulating divs (div id="mainContent", div
id="fullWidth" and div class="text"). Any help would be much appreciated,
thanks! John W.

<div id="mainContent">
  <div id="content" class="fullWidth">

  <%--	Add a page heading in large letters: --%>
  <div id="pageTitle">
	<div class="top"></div>
	<h2>Historical Mapping</h2>
  </div>

  <%--	Add a crumbtrail, which at a minimum takes the user back to the home
page: --%>
  <div id="breadcrumbs">
	<strong>Your location:</strong>
	 ../index.jsp Home  &gt;
	Historical mapping
  </div>

  <%-- The main content of the page appears here: --%>
  <div class="text">

  <div style="float:right;width:38%">
	<h1 style="font-size:1.3em;">Map Information</h1>
    	<div id="nodeList"></div>
    	<div id="key1"></div>
	<br>
	<input type="button" name="print" value="Printer Friendly Map"
onclick="showPrinterFriendly();">
  </div>

  </div>

  <%-- Finally, add a footer: --%>
  <div class="base"></div>
  </div>

  <c:import url="../layout/footer.jsp"/>
</div>
-- 
View this message in context: http://www.nabble.com/Map-div-within-a-div-does-not-display-in-Internet-Explorer-tf4096969.html#a11649510
Sent from the OpenLayers Users mailing list archive at Nabble.com.