Re: [WSG] Mac (IE5.2 + Safari) users: please could you check...
Nope, 'Pure CSS Popups' doesn't work on Mac IE5.2. It manifests itself in a similar way to yours; all I see is a tiny black box appear in the top-left corner of the navigation section. I haven't seen that method before, but it certainly doesn't look tricky. Still, IE doesn't like it one bit. . . ah well. -John On Mar 5, 2005, at 8:49 AM, Stuart Homfray wrote: Thanks John, I can't understand that 'see example' link problem - do Eric Meyer's 'Pure CSS Popups' work correctly on Mac IE5.2? url: http://www.meyerweb.com/eric/css/edge/popups/demo.html Just had a thought - maybe it's because mine are in a floated container... If THAT'S the case then I'll simply make the link on my page point to another page with the example info - that way, every browser where it works gets the 'pop-up' and any that don't get a clickable link. Re. Netscape 4.7 - cheers, I thought that I'd better get that one covered, especially as it wasn't too much trouble to do so! You're right about the menu of course. I'll give some thought to implementing a 'skip to nav' solution. cheers, Stuart John D Wells wrote: Stuart- Well done, the site is playing very nicely with Safari and IE5.2! Layout is great, VIEW COACHES dropdown still functioning fine over here. Still, IE5.2 doesn't successfully display the ADDITIONS/CORRECTIONS example, it behaves same as before. And since I can check it here at work, it behaves the same in IE5.1 on Mac OS9. I also took a look at it in Netscape 4.7 (for kicks), and everything looks good. I especially appreciate your accessible-friendly way of handling the VIEW COACHES link; since my netscape didn't understand the js, it followed the link to the coaches.php page instead. Very nicely done. The navigation is, however, at the end of the HTML document, making it hard to find. I'd suggest perhaps a couple of anchored links at the top of each page pointing to the various page elements (i.e. skip to navigation, skip to content, etc.). HTH -John On Mar 4, 2005, at 3:02 PM, Stuart Homfray wrote: I've just amended the CSS again for this site, thanks to the feedback from John and Barry, and I wondered whether they, or anyone else could take another quick look at the areas specified in the original message...? It seems that adding little more than a 'position:absolute' declaration to the problem containers cured it (at least, as far as I can tell with Browsercam) Thanks, Stuart Stuart Homfray wrote: ... I have tested the site with the usual PC browsers (IE4, IE5, IE5.5, IE6, Firefox, Opera 7, even NN4.7) and I'm reasonably happy, and I've looked at the layout using Browsercam for Safari, IE5.2, Konqueror and Opera 6 and (aside from a bit of trouble in Opera 6) ... The two areas that need checking are the 'VIEW COACHES' open/close menu toggle link, and, the 'see example' 'pop-up' help on 'Information' label in the small form at the bottom of the coach pages (the Jimmy Hogan/William Townley/Jack Reynolds pages). I've taken a couple of screen grabs of what they're SUPPOSED to look like as a comparison - see: menu: http://elbombin.stuarthomfray.co.uk/menu_beforeAfter.gif coach page info rollover: http://elbombin.stuarthomfray.co.uk/coachespage.png The site url is http://elbombin.stuarthomfray.co.uk/ ... ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** 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] Mac (IE5.2 + Safari) users: please could you check...
Oh well... As I don't have a Mac close by to play with IE5.2 (and even if I had, I might spend too much time *trying* to make it work), I'll just link to a page containing the same info as the pop-up - that way, everyone's a winner!! :) I would say this about it though - the problem only seems to occur when the relevant CSS is applied to the the a:hover/a:active selectors of the link. If you apply it to a:link/a:visited, IE5.2 at Browsercam displays it without any problems!! Anyway, thanks for looking, though, John! cheers, Stuart John D Wells wrote: Nope, 'Pure CSS Popups' doesn't work on Mac IE5.2. It manifests itself in a similar way to yours; all I see is a tiny black box appear in the top-left corner of the navigation section. I haven't seen that method before, but it certainly doesn't look tricky. Still, IE doesn't like it one bit. . . ah well. -John ** 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] Mac (IE5.2 + Safari) users: please could you check...
Thanks John, I can't understand that 'see example' link problem - do Eric Meyer's 'Pure CSS Popups' work correctly on Mac IE5.2? url: http://www.meyerweb.com/eric/css/edge/popups/demo.html Just had a thought - maybe it's because mine are in a floated container... If THAT'S the case then I'll simply make the link on my page point to another page with the example info - that way, every browser where it works gets the 'pop-up' and any that don't get a clickable link. Re. Netscape 4.7 - cheers, I thought that I'd better get that one covered, especially as it wasn't too much trouble to do so! You're right about the menu of course. I'll give some thought to implementing a 'skip to nav' solution. cheers, Stuart John D Wells wrote: Stuart- Well done, the site is playing very nicely with Safari and IE5.2! Layout is great, VIEW COACHES dropdown still functioning fine over here. Still, IE5.2 doesn't successfully display the ADDITIONS/CORRECTIONS example, it behaves same as before. And since I can check it here at work, it behaves the same in IE5.1 on Mac OS9. I also took a look at it in Netscape 4.7 (for kicks), and everything looks good. I especially appreciate your accessible-friendly way of handling the VIEW COACHES link; since my netscape didn't understand the js, it followed the link to the coaches.php page instead. Very nicely done. The navigation is, however, at the end of the HTML document, making it hard to find. I'd suggest perhaps a couple of anchored links at the top of each page pointing to the various page elements (i.e. skip to navigation, skip to content, etc.). HTH -John On Mar 4, 2005, at 3:02 PM, Stuart Homfray wrote: I've just amended the CSS again for this site, thanks to the feedback from John and Barry, and I wondered whether they, or anyone else could take another quick look at the areas specified in the original message...? It seems that adding little more than a 'position:absolute' declaration to the problem containers cured it (at least, as far as I can tell with Browsercam) Thanks, Stuart Stuart Homfray wrote: ... I have tested the site with the usual PC browsers (IE4, IE5, IE5.5, IE6, Firefox, Opera 7, even NN4.7) and I'm reasonably happy, and I've looked at the layout using Browsercam for Safari, IE5.2, Konqueror and Opera 6 and (aside from a bit of trouble in Opera 6) ... The two areas that need checking are the 'VIEW COACHES' open/close menu toggle link, and, the 'see example' 'pop-up' help on 'Information' label in the small form at the bottom of the coach pages (the Jimmy Hogan/William Townley/Jack Reynolds pages). I've taken a couple of screen grabs of what they're SUPPOSED to look like as a comparison - see: menu: http://elbombin.stuarthomfray.co.uk/menu_beforeAfter.gif coach page info rollover: http://elbombin.stuarthomfray.co.uk/coachespage.png The site url is http://elbombin.stuarthomfray.co.uk/ ... ** 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] Mac (IE5.2 + Safari) users: please could you check...
I've just amended the CSS again for this site, thanks to the feedback from John and Barry, and I wondered whether they, or anyone else could take another quick look at the areas specified in the original message...? It seems that adding little more than a 'position:absolute' declaration to the problem containers cured it (at least, as far as I can tell with Browsercam) Thanks, Stuart Stuart Homfray wrote: ... I have tested the site with the usual PC browsers (IE4, IE5, IE5.5, IE6, Firefox, Opera 7, even NN4.7) and I'm reasonably happy, and I've looked at the layout using Browsercam for Safari, IE5.2, Konqueror and Opera 6 and (aside from a bit of trouble in Opera 6) ... The two areas that need checking are the 'VIEW COACHES' open/close menu toggle link, and, the 'see example' 'pop-up' help on 'Information' label in the small form at the bottom of the coach pages (the Jimmy Hogan/William Townley/Jack Reynolds pages). I've taken a couple of screen grabs of what they're SUPPOSED to look like as a comparison - see: menu: http://elbombin.stuarthomfray.co.uk/menu_beforeAfter.gif coach page info rollover: http://elbombin.stuarthomfray.co.uk/coachespage.png The site url is http://elbombin.stuarthomfray.co.uk/ - if you feel it would be better to contact me directly, please use [EMAIL PROTECTED], and if you feel the need to give anything on there a 'good kicking' in public - maybe the use of an inline style on the toggle link (Opera seems to demand it in order to work correctly) or the use of a clearing div (IE needs one, so using the excellent Easy Clearing float at P.I.E. seemed a bit pointless) - I'm more than happy to take it! -- === = El Bombin http://elbombin.stuarthomfray.co.uk Stuart Homfray http://www.stuarthomfray.co.uk === ** 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] Mac (IE5.2 + Safari) users: please could you check...
Everything works in Firefox 1.0 Mac and Safari 1.2.4 (v125.12) for OS 10.3.8. The Expandable View Coaches menu works fine in IE 5.2.3 but the (see example) popup does not work in IE. On Mar 4, 2005, at 3:02 PM, Stuart Homfray wrote: The two areas that need checking are the 'VIEW COACHES' open/close menu toggle link, and, the 'see example' 'pop-up' help on 'Information' label in the small form at the bottom of the coach pages (the Jimmy Hogan/William Townley/Jack Reynolds pages). I've taken a couple of screen grabs of what they're SUPPOSED to look like as a comparison - see: menu: http://elbombin.stuarthomfray.co.uk/menu_beforeAfter.gif coach page info rollover: http://elbombin.stuarthomfray.co.uk/coachespage.png The site url is http://elbombin.stuarthomfray.co.uk/ ** 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] Mac (IE5.2 + Safari) users: please could you check...
Well I wish I could offer a solution, but right now all I can give you is as problem. Mac Safari looks great, but IE 5.2 looks pretty rough. The main header content stretches to the left overlapping the navigation, obstructing not only view but also clickability of the nav items (they're clickable, just the left edges). Then the ad space from google shifts to the right, overlapping the main content. And if you scroll to the bottom, there's this large chunk of white space that juts out to the left. . . Check out screenshots of what I see here: http://www.johndwells.com/temp/elbombin_01.pdf http://www.johndwells.com/temp/elbombin_02.pdf My first guess was that it's with how you're centering your wrapper div, but when I tried to adjust that to the method I'm familiar with, other things blew apart. Which doesn't mean it couldn't be better for you in the end, you'll just have to play with it. The method I use is to text-align: center; the body, and then have your wrapper margin set to margin: 0px auto 0px auto;, and text-align: left; to bring everything back to left aligned. Perhaps that starting point could prove promising. . . The good news is that IE still likes the rollover and expand/contract of the navigation, if you can click on it. As for the example pop-up, IE only displays a small bordered box to the left of the ADDITIONS/CORRECTIONS header, and Safari displays it fine but it sits underneath (z-index wise) your ending tagline of El Bombin is Produced. . . HTH, John On Mar 2, 2005, at 7:44 PM, Stuart Homfray wrote: Hi all, I've been reading this superb list (off and on) for a while now, but typically, the first time that I speak up is to ask for something!! I've set up a (currently rather small) site dedicated to a rather interesting aspect of the early days of football (soccer, to those who's football's played with the hands!!) - OK I *say* interesting, it *is* to a football geek like me, but that's not really the point. I have tested the site with the usual PC browsers (IE4, IE5, IE5.5, IE6, Firefox, Opera 7, even NN4.7) and I'm reasonably happy, and I've looked at the layout using Browsercam for Safari, IE5.2, Konqueror and Opera 6 and (aside from a bit of trouble in Opera 6) I'm still reasonably happy, but it would be incredibly useful if a couple of 'kind souls' could spare a minute or two to test a couple of aspects of the site requiring user interaction. The two areas that need checking are the 'VIEW COACHES' open/close menu toggle link, and, the 'see example' 'pop-up' help on 'Information' label in the small form at the bottom of the coach pages (the Jimmy Hogan/William Townley/Jack Reynolds pages). I've taken a couple of screen grabs of what they're SUPPOSED to look like as a comparison - see: menu: http://elbombin.stuarthomfray.co.uk/menu_beforeAfter.gif coach page info rollover: http://elbombin.stuarthomfray.co.uk/coachespage.png The site url is http://elbombin.stuarthomfray.co.uk/ - if you feel it would be better to contact me directly, please use [EMAIL PROTECTED], and if you feel the need to give anything on there a 'good kicking' in public - maybe the use of an inline style on the toggle link (Opera seems to demand it in order to work correctly) or the use of a clearing div (IE needs one, so using the excellent Easy Clearing float at P.I.E. seemed a bit pointless) - I'm more than happy to take it! I await your responses with bated browser... cheers, Stuart -- === = El Bombin http://elbombin.stuarthomfray.co.uk/ Stuart Homfray http://www.stuarthomfray.co.uk/ === ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** 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] Mac (IE5.2 + Safari) users: please could you check...
Hi John, Firstly, thanks for taking a look - it sounds like the same issues described by Barry Cranmer too (whom I should also thank publicly!) The main header content stretches to the left overlapping the navigation, obstructing not only view but also clickability of the nav items (they're clickable, just the left edges). Then the ad space from google shifts to the right, overlapping the main content. ...thought that I'd fixed that, but I was only viewing at 800x600 resolution in Browsercam! And if you scroll to the bottom, there's this large chunk of white space that juts out to the left. . . ...that was from my previous testing - whoops! By the way, John, the screengrab 'elbombin_01.pdf' doesn't seem to work, but 'elbombin_02.pdf' is really helpful! :) The method I use is to text-align: center; the body, and then have your wrapper margin set to margin: 0px auto 0px auto;, and text-align: left; to bring everything back to left aligned. Perhaps that starting point could prove promising. . . I've used that method previously, but I combined 'left:50%' with a negative left-hand margin because it *seemed* to be more stable across different browsers - I'll check that out again after having another play at Browsercam. As for the example pop-up, IE only displays a small bordered box to the left of the ADDITIONS/CORRECTIONS header, and Safari displays it fine but it sits underneath (z-index wise) your ending tagline of El Bombin is Produced. Okey-doke! Once again, thanks for that it's a big help, much appreciated. Now I've got a bit more idea as to what's happening, I can make some changes to the Mac IE -specific stylesheet. cheers, Stuart John D Wells wrote: Well I wish I could offer a solution, but right now all I can give you is as problem. Mac Safari looks great, but IE 5.2 looks pretty rough. !-- snipped --! HTH, John On Mar 2, 2005, at 7:44 PM, Stuart Homfray wrote: Hi all, ... I have tested the site with the usual PC browsers (IE4, IE5, IE5.5, IE6, Firefox, Opera 7, even NN4.7) and I'm reasonably happy, and I've looked at the layout using Browsercam for Safari, IE5.2, Konqueror and Opera 6 and (aside from a bit of trouble in Opera 6) I'm still reasonably happy, but it would be incredibly useful if a couple of 'kind souls' could spare a minute or two to test a couple of aspects of the site requiring user interaction. The two areas that need checking are the 'VIEW COACHES' open/close menu toggle link, and, the 'see example' 'pop-up' help on 'Information' label in the small form at the bottom of the coach pages (the Jimmy Hogan/William Townley/Jack Reynolds pages). I've taken a couple of screen grabs of what they're SUPPOSED to look like as a comparison - see: menu: http://elbombin.stuarthomfray.co.uk/menu_beforeAfter.gif coach page info rollover: http://elbombin.stuarthomfray.co.uk/coachespage.png The site url is http://elbombin.stuarthomfray.co.uk/ - if you feel it would be better to contact me directly, please use [EMAIL PROTECTED],... ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Mac (IE5.2 + Safari) users: please could you check...
Hi all, I've been reading this superb list (off and on) for a while now, but typically, the first time that I speak up is to ask for something!! I've set up a (currently rather small) site dedicated to a rather interesting aspect of the early days of football (soccer, to those who's football's played with the hands!!) - OK I *say* interesting, it *is* to a football geek like me, but that's not really the point. I have tested the site with the usual PC browsers (IE4, IE5, IE5.5, IE6, Firefox, Opera 7, even NN4.7) and I'm reasonably happy, and I've looked at the layout using Browsercam for Safari, IE5.2, Konqueror and Opera 6 and (aside from a bit of trouble in Opera 6) I'm still reasonably happy, but it would be incredibly useful if a couple of 'kind souls' could spare a minute or two to test a couple of aspects of the site requiring user interaction. The two areas that need checking are the 'VIEW COACHES' open/close menu toggle link, and, the 'see example' 'pop-up' help on 'Information' label in the small form at the bottom of the coach pages (the Jimmy Hogan/William Townley/Jack Reynolds pages). I've taken a couple of screen grabs of what they're SUPPOSED to look like as a comparison - see: menu: http://elbombin.stuarthomfray.co.uk/menu_beforeAfter.gif coach page info rollover: http://elbombin.stuarthomfray.co.uk/coachespage.png The site url is http://elbombin.stuarthomfray.co.uk/ - if you feel it would be better to contact me directly, please use [EMAIL PROTECTED], and if you feel the need to give anything on there a 'good kicking' in public - maybe the use of an inline style on the toggle link (Opera seems to demand it in order to work correctly) or the use of a clearing div (IE needs one, so using the excellent Easy Clearing float at P.I.E. seemed a bit pointless) - I'm more than happy to take it! I await your responses with bated browser... cheers, Stuart -- === = El Bombin http://elbombin.stuarthomfray.co.uk/ Stuart Homfray http://www.stuarthomfray.co.uk/ === ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **