Dear All, We have got 3 divs as below. What we would like to do is that the inner div gpsDataDiv will be table populate and later just assign here using this method document.getElementById("gpsDataDiv").innerHTML = htmlString;. The problem here is that in IE there is space between the two div and also the data does not stop at 400px but it goes right down all the way and the presentation looks funny. How to overcome this problem? <body> <div id="left" style="width:220px;height:350px;float:left;background:white;"> <div id="gpsDataDiv" style="overflow: auto; max-height: 400px;background:white;"></div> </div> <div id="map" style="top:0px;left:220px;height:100%">Map goes here. </div> </body>
Jump to Post
If you don't want a gap between the divs reset the margins and padding to zero using CSS.
You can also use the overflow: scroll rule on the gpsDataDiv. It will stay at a max height of 400px but if the content is longer than that a scroll bar will …
All 4 Replies
Be a part of the DaniWeb community
We're a friendly, industry-focused community of 1.20 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.