- This topic has 5 replies, 2 voices, and was last updated 13 years, 2 months ago by
.
-
Posts
-
Me again…
On IE 8 & 9, if the window is narrow, the map and detail boxes cover the categories box (we have about 30 categories right now).
I tried using CSS to change the width, z-index, all sorts of things – and while most of them worked in FF. None had any effect in IE.
Does anyone else have this problem? (make sure to make your window fairly narrow)
This is an issue on a laptop and tablet we have.
/Wendy
PS: Thanks again for a WONDERFUL product!
Is this in the admin interface? Personally I don’t have IE (not even windows) so it’s always difficult testing 🙂
Do Chrome and Opera show the same issues, or do those work?
I’m with you on Internet Exploder (as I like to call it) – had to borrow my daughter’s computer to test.
More details: while both FF and Chrome (on Ubuntu) will pay attention to the CSS, they both have the same problem if the window is too narrow. The map floats on top (even when I tried making the z-index of the sidebar more), and blocks categories.
Here’s the CSS that I had started to work with until we realized that nothing was making a difference in IE:
Code:form#eventForm #post-body-content div {overflow: hidden;}form#eventForm #post-body-content div#event-map {display: none;}
form#eventForm #post-body-content div#div_location_name {width: 400px;}
That caused the map to disappear (in Chrome & FF), but the gray box for the map was still showing, but it did not overflow the 400px width I made the location box.
/Wendy
Try this css:
div#event-map {
width: 200px;
height: 150px;
}but: the 400px is also hardcoded for creation of events (see eme_events.php, search for 400px), so you need to remove that. Maybe it would be best to totally remove that hardcoded part and CSS it.
OK, that helps – not a perfect solution, but will suffice for now.
I removed all the inline styles except for “display: hide;”
And put this in the CSS:
#map-not-found {
width: 400px;
font-size: 140%;
text-align: center;
margin-top: 100px;
}
#event-map {
width: 200px;
height: 150px;
background: green;
margin-right: 8px;
}
Now in admin edit events, the map is very small. So it doesn’t overlap in most situations – but still, if you make the window very, very narrow, it still doesn’t stay inside the location box like it should. (I hate IE).
So, yes, taking out the inline styles will help with this.
I’ve taken the inline styling out of it *and* changed the style of the surrounding div (div_location_name) to overflow:hidden.
Now it should be ok in all cases 🙂
- The forum ‘Bug fixed or feature request implemented’ is closed to new topics and replies.