[WSG] IE5 Mac Doosey
I didn't make this site, but I'm picking up the pieces. The navigation uses CSS rollovers which seem to work fine in most browsers, but completely stuff up in IE5 Mac. As in no navigation appears at all. I'm not well versed in css-rollovers (or the quirks of IE5 Mac), so before I plunge into this jungle with a blunt machete, can anyone point out the five-lane highway next to it - so to speak? Site: http://www.polariswireless.com CSS: http://www.polariswireless.com/css/style.css Many thanks Peter x-tad-bigger /x-tad-biggerUniversal Head Design That Works. 7/43 Bridge Rd Stanmore NSW 2048 Australia T (+612) 9517 1466 F (+612) 9565 4747 E [EMAIL PROTECTED] W www.universalhead.com
RE: [WSG] IE5 Mac Doosey
This page shows how you can target just IE5 for Mac: http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html hope this helps. Cheers Jeff Lowder Website: www.accessibility1st.com.au Blog: www.accessibility1st.com.au/journal/ -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Universal Head Sent: Wednesday, 24 March 2004 11:41 AM To: [EMAIL PROTECTED] Subject: [WSG] IE5 Mac Doosey I didn't make this site, but I'm picking up the pieces. The navigation uses CSS rollovers which seem to work fine in most browsers, but completely stuff up in IE5 Mac. As in no navigation appears at all. I'm not well versed in css-rollovers (or the quirks of IE5 Mac), so before I plunge into this jungle with a blunt machete, can anyone point out the five-lane highway next to it - so to speak? Site: http://www.polariswireless.com CSS: http://www.polariswireless.com/css/style.css Many thanks Peter Universal Head Design That Works. 7/43 Bridge Rd Stanmore NSW 2048 Australia T (+612) 9517 1466 F (+612) 9565 4747 E [EMAIL PROTECTED] W www.universalhead.com
Re: [WSG] IE5 Mac Doosey
Pete, You might be better to start again. The author is fooling around with background images for the menu, making the text disappear with a span. Farhner image replacement? Better to give that the boot. -Hugh PS No idea why IE Mac isn't seeing the images. I'm not well versed in css-rollovers (or the quirks of IE5 Mac), so before I plunge into this jungle with a blunt machete, can anyone point out the five-lane highway next to it - so to speak? * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] IE5 Mac Doosey
Thanks Hugh but the client doesn't want to pay for that at this stage. He just wants to get it 'fixed' to work in IE5 Mac. Bummer I know. P On 24/03/2004, at 12:49 PM, Hugh Todd wrote: Pete, You might be better to start again. The author is fooling around with background images for the menu, making the text disappear with a span>. Farhner image replacement? Better to give that the boot. -Hugh PS No idea why IE Mac isn't seeing the images. x-tad-bigger /x-tad-biggerUniversal Head Design That Works. 7/43 Bridge Rd Stanmore NSW 2048 Australia T (+612) 9517 1466 F (+612) 9565 4747 E [EMAIL PROTECTED] W www.universalhead.com
RE: [WSG] IE5 Mac Doosey
Peter wrote: Thanks anyway. Any other ideas folks? I have got a similar problem with IE5.2 on the Mac A navigation bar (div id=one) that is horiziontal on all other browsers is vertical in IE5.2 on the Mac. Fortunately another very similar navigation bar (div id=two) worked as expected. The difference between the two was the holding div (div id=one) was absolute positioned inside a relative position div. Where as (div id=two) was a relative positioned inside a relative position div. Changing (div id=one) to relative positioned fixed the problem. What the problem appears to be is IE5.2 on Mac can not float items that are inside a absolutely positioned div. Nick The code if any one is interested. div id=one spana href=#link 1/a/span spana href=#link 2/a/span spana href=#link 3/a/span /div #one { position: absolute; bottom: 0; left: 0; background-color:#666; width: auto; clear: both; height: 1.8em; margin: 0; padding: 0; } #one span { display: block; width: 7em; float: left; padding: 0.3em 0 0.3em 0; } #one a { /* main links */ height: 1%; color: #06f; padding: 0.3em 0.5em 0.3em 0.5em; text-decoration: none; } div id=two spana href=#link 1/a/span spana href=#link 2/a/span spana href=#link 3/a/span /div #two { /* holds bottom links */ position: relative; background-color:#e8e8e8; width: auto; clear: both; height: 1.8em; margin: 0; padding: 0; border-top: 1px solid #666; border-bottom: 1px solid #666; font-size: 0.82em; } #two span { /* controls padding and size of bottom links */ display: block; width: 7em; float: left; padding: 0.3em 0 0.3em 0; } #two span a { /* bottom links */ padding: 0.3em 0.3em 0.3em 0.6em; } * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] IE5 Mac Doosey
Curses, still no luck! No absolute positioning in this case. Help me obiwan! I've run out of ideas! Peter On 24/03/2004, at 2:07 PM, Nick Cowie wrote: What the problem appears to be is IE5.2 on Mac can not float items that are inside a absolutely positioned div. x-tad-bigger /x-tad-biggerUniversal Head Design That Works. 7/43 Bridge Rd Stanmore NSW 2048 Australia T (+612) 9517 1466 F (+612) 9565 4747 E [EMAIL PROTECTED] W www.universalhead.com
Re: [WSG] IE5 Mac Doosey
Peter yes it doesn't show in IE5 Mac and this bowser is very touchy with heights in percents. I think you need to define the height in #mainnav and remove the height and width 100% from the descendant a> element but I'd also scrap display block and let your li>s flow inline. The links are probably there in block but the hidden overflow rule is hiding them. Safari is showing them but it is a much more forgiving browser. Leo On Tuesday, March 23, 2004, at 07:40 PM, Universal Head wrote: I didn't make this site, but I'm picking up the pieces. The navigation uses CSS rollovers which seem to work fine in most browsers, but completely stuff up in IE5 Mac. As in no navigation appears at all. I'm not well versed in css-rollovers (or the quirks of IE5 Mac), so before I plunge into this jungle with a blunt machete, can anyone point out the five-lane highway next to it - so to speak? Site: http://www.polariswireless.com CSS: http://www.polariswireless.com/css/style.css Many thanks Peter Universal Head Design That Works. 7/43 Bridge Rd Stanmore NSW 2048 Australia T (+612) 9517 1466 F (+612) 9565 4747 E [EMAIL PROTECTED] W www.universalhead.com
Re: [WSG] IE5 Mac Doosey
Pete, Try taking out all the overflow: hidden and see what happens. -Hugh Curses, still no luck! No absolute positioning in this case. Help me obiwan! I've run out of ideas! * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] IE5 Mac Doosey
Once again the remarkable Hugh comes through with the goods. Hugh, you deserve a knighthood. Why does this work? I don't know! And frankly ... I don't care! ;) Thanks mate Peter On 24/03/2004, at 3:18 PM, Hugh Todd wrote: Pete, Try taking out all the overflow: hidden and see what happens. x-tad-bigger /x-tad-biggerUniversal Head Design That Works. 7/43 Bridge Rd Stanmore NSW 2048 Australia T (+612) 9517 1466 F (+612) 9565 4747 E [EMAIL PROTECTED] W www.universalhead.com