Weird bug in IE5? (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message

womble -> Weird bug in IE5? (10/25/2005 16:36:29)

I've just about finished a site and I've been doing some browser testing today and have come across a strange problem in IE5. I've checked out Position Is Everything, and silverorange where the css for my tabbed nav came from, and I can't find anything similar. At first I was thinking peakaboo bug, but it's fine in IE6 and the tabs don't use any floats.

The site's at www.ddeaf.org.uk/test/. All seems to work well in IE5.5, IE6, FF etc. but in IE5 the navigation isn't where it's supposed to be above the breadcrumb trail, and seems to float off down the page (on the screenshot (v bad quality) it's kind of floating down at the bottom of the screen). If you scroll down it just sits there in the middle of the page, but then sometimes if you try and click on it, it moves further down the page.

Any ideas?



caz -> RE: Weird bug in IE5? (10/25/2005 20:35:32)

Have you had a look at this with Html Tidy? It barfs at the code for your <div id="textSizer">. Try putting that code all on one line instead of wrapping it - I found that sometimes this works with lists to correct errors.

Edit: Scrap this - had no effect [:(]



Tailslide -> RE: Weird bug in IE5? (10/26/2005 3:24:10)

This would usually be caused by not having a height specified in the parent container - because IE 5 usually positions items in relation to the browser window rather than the containing parent if a height is ommitted.

Problem is... you have specified a height - in ems which I would have assumed would be enough to get round this problem. Weird. Just as a wild guess, try specifying the header div height in px and see if that helps. If it does then you could always use conditional comments to feed IE5 that rule while everyone else gets ems.




caz -> RE: Weird bug in IE5? (10/26/2005 9:58:56)

In your default.css you have this: 
#header ul#primary { position: absolute; bottom: -1px; width: 45em; } /* width required for Opera, older Mozilla browsers, and Konqueror */


I changed it to position: relative; and it behaved in IE 5 etc, what effect would that have site wide?



womble -> RE: Weird bug in IE5? (10/26/2005 18:07:26)

Um, not sure - I'll give it a whirl and see what happens

/puts on tin hat in readiness for site exploding [:D][;)]



womble -> RE: Weird bug in IE5? (10/26/2005 18:54:53)

Unfortunately neither the px height or changing absolute to relative changes anything for me in IE5 and both break horribly in FF. [&o]



womble -> RE: Weird bug in IE5? (10/27/2005 18:16:43)

Well, I seem to have solved one problem...and created another...

I'd hacked around at the original css so much it was all over the place, and the floating menu problem seems to have been solved by moving the menu styling around (trouble is now I've moved it around so much tonight I can't remember what I've moved where, but at least it's staying put now. The trouble is now that in IE5 only the area directly around the links on the second level of nav have the background colour show up (seems okay still in everything else). I've tried alsorts of combinations and re-orderings and declaring background colours where there weren't any before, but it either makes no difference to IE or messes up in the more well behaved browsers. [:@]

Any ideas?



Tailslide -> RE: Weird bug in IE5? (10/28/2005 3:37:18)

Can you upload a test page for us to look at?

Would using display:block on the links help?

Edit: another thought. If this really becomes a problem for you and you can't find an easy solution then you might want to think about feeding the current CSS to IE5 only and let everyone else get the previous version. Some call it a hack - I like to call it content negotiation!



womble -> RE: Weird bug in IE5? (10/28/2005 6:28:27)

It's the same url. (www.ddeaf.org.uk/test/)
It seems to be fixed in IE5.5, at least the tabs background is there, it's just just the heading text that goes all weird in that...[&o]



womble -> RE: Weird bug in IE5? (10/28/2005 19:33:39)

Well I finally found a partial solution to the problem (I am however almost bald now [:D]). For some reason I couldn't get conditional comments to work, so in the end resorted to adding a 1.5em border in the same colour as the background for that lower bit of the tabs should be to the top of the 'main' <div>. It seems the disappearing background problem's also something to do with the the order of the css and the 
.clearhack { display: inline; } /*Clears Box Model Hack in IE5*/

that was in the original css. (It might clear the box model hack, but it seriously *****s up my nav!). I've probably been staring at it for too long, but I couldn't for the life of me work out why it was affecting the background and nothing I tried to override it seemed to work (or it did work but then the menu went floating off again), so I've installed a temporary fix.

It's not ideal because it makes that border be deeper than it should be in everything but IE and loses part of the thin grey top border, but it's better than a floating menu and a hideous looking second level nav, so it'll have to do for now. I need sleep. [:(]



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.078125