Thread: IE fixes CSS broken on website?
Omar, Emily, or someone else familiar with the CSS for the website...
I've noticed second-level menus in the left pane are completely broken
in IE (at least in IE6) if their name is long - the second line gets
written on top of the first one, making it completely unreadable.
Ive noticed two rows in iefixes.css that are related to this, because if
I take them out completely, it looks fine again in IE6. However, I'm a
bit relucant to do this without actually understanding it. What are
these lines supposed to fix in the first place? Is ripping them out the
righ tthing to do, or will that break other things?
The lines are:
- /*Win IE fix \*/
- * html #pgSideNav ul ul { margin-top: 5px; font-size: 0.95em;
margin-bottom: -5px; }
- * html #pgSideNav ul ul li { line-height: 10%; }
-
- /*End Win IE fix*/
(the second one is the one that makes the text go on top of itself, but
the first one has some effect too)
//Magnus
> > I've noticed second-level menus in the left pane are > completely broken > > in IE (at least in IE6) if their name is long - the second > line gets > > written on top of the first one, making it completely unreadable. > > Do you have a screenshot/example of where this is happening? > I can't find where this occurs (using IE6 on Win XP). It doesn't occur anywhere on the site as it is now. It occurred on new stuff not yet committed. For an example, see http://magnus-master.pgadmin.org/developer/sourcecode. The item under "Coding" should read "Source Code Much Longer Name Now", and does so in firefox. But not IE... (Let me know if you still can't see it and I'll send you a screenshot) > > Ive noticed two rows in iefixes.css that are related to > this, because > > if I take them out completely, it looks fine again in IE6. > However, > > I'm a bit relucant to do this without actually understanding it. > > What are these lines supposed to fix in the first place? Is ripping > > them out the righ tthing to do, or will that break other things? > > I don't remember why those lines are there, but I'm sure > there's a good reason :) yeah, that's what I was thinking :-) > I'll see if I can figure out what they're doing and if > they're safe to change/remove to fix the overlapping text > issue you've described. Great, thanks! //Magnus
Magnus, > I've noticed second-level menus in the left pane are completely > broken in IE (at least in IE6) if their name is long - the second > line gets written on top of the first one, making it completely > unreadable. Do you have a screenshot/example of where this is happening? I can't find where this occurs (using IE6 on Win XP). > Ive noticed two rows in iefixes.css that are related to this, because > if I take them out completely, it looks fine again in IE6. However, > I'm a bit relucant to do this without actually understanding it. > What are these lines supposed to fix in the first place? Is ripping > them out the righ tthing to do, or will that break other things? I don't remember why those lines are there, but I'm sure there's a good reason :) I'll see if I can figure out what they're doing and if they're safe to change/remove to fix the overlapping text issue you've described. Emily
Emily, any progress on tracking this one down? I beleive Dave has put the changed CSS on the archives page, and so far it looks fine :-) But it'd still be good to know, of course... > > > I've noticed second-level menus in the left pane are > > completely broken > > > in IE (at least in IE6) if their name is long - the second > > line gets > > > written on top of the first one, making it completely unreadable. > > > > Do you have a screenshot/example of where this is happening? > > I can't find where this occurs (using IE6 on Win XP). > > It doesn't occur anywhere on the site as it is now. It > occurred on new stuff not yet committed. For an example, see > http://magnus-master.pgadmin.org/developer/sourcecode. > The item under "Coding" should read "Source Code Much Longer > Name Now", and does so in firefox. But not IE... > (Let me know if you still can't see it and I'll send you a screenshot) //Magnus