Re: [css-d] I've got the IE blues...
I forgot to say, I've still got the problem with what I think is the IE double margin problem which I can't seem to solve. It shows itself in Win IE 5.1,5.5 and 6, but not 7. See Browsershots: http://browsershots.org/website/http://catnaps.org/latest/saturday.html Does anybody know what I've done wrong? Regards JL On 29/07/07, John Lockerbie [EMAIL PROTECTED] wrote: On 29/07/07, David Laakso [EMAIL PROTECTED] wrote: John Lockerbie wrote: David, Thank you for the comments. I should have said it seems to be fine on Mac/Opera, as it does on Safari and Firefox, it's the Windows environments I've no access to. I'd not spotted the font size problem as I'm new to coding. This is my third attempt to redesign my site - see the problem in http://catnaps.org/islamic/islaurb.html - in order to reduce page lengths. JL The comments I made regarding Opera are when I veiwed it on a mac: Version 9.21 Build 3678 Platform MacOS X System 10.4.9 If page height is an issue could you split the pages or use js to open and close division sections. With regard to fonts, I am referring more to IE's inability to scale fonts when set in pixels, /regardless of page height,/ unless the user goes through the drill of putting the browser in accessiblity mode with the ignore font-sizes specified box checked. One way to avoid this is to set percent at user default (100%) on the body, and then use percent on individual selectors throughout the style sheet as needed (line-height is best specified as a raw number). For example: body {font: 100%/1.4 arial, helvetica, sans-serif;} h1 {font-size: 180%;} #footer p {font-size: 80%; line-height: 1.2;} Best, ~d -- http://chelseacreekstudio.com/ David, I looked at the page on Opera Version: 9.22 Build: 3687 MacOS X System: 10.4.10 I work on Safari Version 2.0.4 (419.3) and check on Firefox 2.0.0.5. I don't have access to a Windows environment except at my local library where they've got the screens in the most bizarre arrangements you've ever seen and don't know how to change them. What I'm attempting to do is split the pages into a number of smaller pages, these being set out in the top and bottom menus - 'Menu for al-Salata...' - and it's that which is causing me the problems. I like the idea of using js to open divisions, but thought that might give visitors problems. 50% of my visitors use WinIE6, 25% WinIE7, 15% Firefox and the rest a variety, so I'm really concerned to get the IE6 sorted out. I take your point about the font scaling issues and spent some time researching Zeldman et al to find a consensus. There isn't one. But I do worry about accessibility and will see what I can do about the fonts. I may sit in a darkened room and try to think the paging problem through again and see if I can find a simpler system. Anyhow, a lot to think about, With kind regards John __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I've got the IE blues...
On 30/07/07, David Laakso [EMAIL PROTECTED] wrote: John Lockerbie wrote: I forgot to say, I've still got the problem with what I think is the IE double margin problem which I can't seem to solve. It shows itself in Win IE 5.1,5.5 and 6, but not 7. See Browsershots: http://browsershots.org/website/http://catnaps.org/latest/saturday.html Does anybody know what I've done wrong? Regards JL This is a mystery. You did not provide a url with this re-post. Using the url you provided yesterday [1] shows the page (s) rendering properly in IE7 through 5.01 (on XP) with no signs of the float drop seen in your screen capture. The page is rendering (from your question yesterday) as intended in win/Opera but not mac/Opera. Note that you have a series of markup validation errors within a list around line 1482. [1] http://catnaps.org/islamic/islaurb.html Best, ~dL PS Fwiw, top-posting is making it impossible for anyone to follow this thread-- write below (rather than above) those you reply to on the list Apologies for the top posting. I'll check out the listing error. The address for the problem float drop which occurs on Win IE 5.1,5.5 and 6 but not 7, is: http://catnaps.org/latest/saturday.html with css file: http://catnaps.org/latest/latest.css With kind regards JL __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I've got the IE blues...
John Lockerbie wrote: On 30/07/07, David Laakso [EMAIL PROTECTED] wrote: John Lockerbie wrote: I forgot to say, I've still got the problem with what I think is the IE double margin problem which I can't seem to solve. It shows itself in Win IE 5.1,5.5 and 6, but not 7. See Browsershots: http://browsershots.org/website/http://catnaps.org/latest/saturday.html Does anybody know what I've done wrong? Regards JL The address for the problem float drop which occurs on Win IE 5.1,5.5 and 6 but not 7, is: http://catnaps.org/latest/saturday.html with css file: http://catnaps.org/latest/latest.css With kind regards JL John, If you can cope with not having cross-browser pixel perfection, the correction on a local file (without hacking) is to change the margin in #sidebar to read: margin: 10px 0 10px 5px; Others on the list may offer a better alternative. Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I've got the IE blues...
On 30/07/07, David Laakso [EMAIL PROTECTED] wrote: John Lockerbie wrote: On 30/07/07, David Laakso [EMAIL PROTECTED] wrote: John Lockerbie wrote: I forgot to say, I've still got the problem with what I think is the IE double margin problem which I can't seem to solve. It shows itself in Win IE 5.1,5.5 and 6, but not 7. See Browsershots: http://browsershots.org/website/http://catnaps.org/latest/saturday.html Does anybody know what I've done wrong? Regards JL The address for the problem float drop which occurs on Win IE 5.1,5.5 and 6 but not 7, is: http://catnaps.org/latest/saturday.html with css file: http://catnaps.org/latest/latest.css With kind regards JL John, If you can cope with not having cross-browser pixel perfection, the correction on a local file (without hacking) is to change the margin in #sidebar to read: margin: 10px 0 10px 5px; Others on the list may offer a better alternative. Best, ~dL -- http://chelseacreekstudio.com/ David, I'll have a look at that suggestion though I would prefer to get a more symmetrically arrangement if at all possible. With kind regards JL __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I've got the IE blues...
I prefer top-posting as well... scrolling down constantly is a pain... Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of [EMAIL PROTECTED] Sent: Monday, July 30, 2007 7:32 AM To: css-d@lists.css-discuss.org Subject: Re: [css-d] I've got the IE blues... John Lockerbie wrote: PS Fwiw, top-posting is making it impossible for anyone to follow this thread-- write below (rather than above) those you reply to on the list That fad is your personal preference. Many of us dislike scrolling down through long quotes to see whether the current posting has any content or is of interest. Many of us prefer so-called top-posting or interleaved posting. But I wouldn't presume to force either upon you. Bruce __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I've got the IE blues...
John Lockerbie wrote: On 30/07/07, David Laakso [EMAIL PROTECTED] wrote: John Lockerbie wrote: On 30/07/07, David Laakso [EMAIL PROTECTED] wrote: John Lockerbie wrote: I forgot to say, I've still got the problem with what I think is the IE double margin problem which I can't seem to solve. It shows itself in Win IE 5.1,5.5 and 6, but not 7. See Browsershots: http://browsershots.org/website/http://catnaps.org/latest/saturday.html Does anybody know what I've done wrong? Regards JL The address for the problem float drop which occurs on Win IE 5.1,5.5 and 6 but not 7, is: http://catnaps.org/latest/saturday.html with css file: http://catnaps.org/latest/latest.css With kind regards JL John, If you can cope with not having cross-browser pixel perfection, the correction on a local file (without hacking) is to change the margin in #sidebar to read: margin: 10px 0 10px 5px; Others on the list may offer a better alternative. Best, ~dL -- http://chelseacreekstudio.com/ David, I'll have a look at that suggestion though I would prefer to get a more symmetrically arrangement if at all possible. With kind regards JL John, I experimented a little and have it closer in compliant browsers as well as IE7 through IE5.01 (did not check mac/ie5.2). It may not pass a micrometer test for cross browser pixel perfection but it is far better than it was. Note that the file is now in quirks for IE6 and down, and that in 5,5 and 5.01 the page is now centered. You'll want to validate. And I don't remember all that I changed. You'll need compare my styles with yours. The uri is: http://www.chelseacreekstudio.com/ca/cssd/arch.html Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I've got the IE blues...
David, Thank you very much for your time and effort. I'll take a close look at what you've done and see if I can then amend my site to suit. Incidentally, the site was always supposed to be centred. I've been trying to re-rationalise what I'm doing and simplify it but seem to be getting lost with all the different methods I'm trying. Isn't css fun...? With kind regards JL John, You are welcome and I hope it works out. And, yes CSS is fun (particularly when you can find answers in the list archives that have not been messed up by folks who top post). Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I've got the IE blues...
Morning Bruce You wrote John Lockerbie wrote: PS Fwiw, top-posting is making it impossible for anyone to follow this thread-- write below (rather than above) those you reply to on the list That fad is your personal preference. Many of us dislike scrolling down through long quotes to see whether the current posting has any content or is of interest. Many of us prefer so-called top-posting or interleaved posting. But I wouldn't presume to force either upon you. Bruce Not a fad and not someone's personal preference. The following is from the list policies [1] Please note the second point. a.. Trim your replies. If you have more quotation than original text, think about cutting down on the quoted stuff. The list members can look at the message to which you responded, or check the archive. Prune that quoted text with ruthless abandon. Everyone else will thank you for it, especially the list admin(s). Don't forget, thankful list admins are less hasty with the unsubscribe button. a.. The list admin(s) will scowl heavily in the direction of any Jeopardy-style quotations-- ** that is, putting your answer before the quoted question to which you're responding ** -- but won't actually unsubscribe you for doing it. Unless you keep doing it without trimming down your quoted text (see above). (emphasis added) [1] http://www.css-discuss.org/policies.html It might be worthwhile for list members to review them. After all, when we joined the list, we *all* agreed to abide by them.. Best to all Jim Nannery www.redfernenterprises.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] I've got the IE blues...
Dear Listers, I think my test site - http://catnaps.org/latest/saturday.html with http://catnaps.org/latest/latest.css - works on most popular sites, including WinIE7. However WinIE5.1, WinIE5.5 and WinIE6 appear to have what I assume is the double margin bug but which I can't resolve. WinIE5.5 also has a problem with the top menu bar. On the Mac browsers all is mostly as it should be, though I don't know how it behaves on Opera. Please could somebody suggest how to to resolve the 5.1/5.5/6 problem - and could they have a look at it on Opera? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I've got the IE blues...
John Lockerbie wrote: Dear Listers, I think my test site - http://catnaps.org/latest/saturday.html with http://catnaps.org/latest/latest.css - works on most popular sites, including WinIE7. However WinIE5.1, WinIE5.5 and WinIE6 appear to have what I assume is the double margin bug but which I can't resolve. WinIE5.5 also has a problem with the top menu bar. On the Mac browsers all is mostly as it should be, though I don't know how it behaves on Opera. Please could somebody suggest how to to resolve the 5.1/5.5/6 problem - and could they have a look at it on Opera? Interesting. It looks fine in ie/mc5.2 (bless it's loving little heart). I am not running a pc right now so can't check 6 7. IYou'll want to install Opera: she is not containing the top and bottom divisions Menu for al-Salata al-jadida pages. On a local file, deleting the /height/ and adding float:left; to selector #menucontainer1, #menucontainer2, seemed to help (but not sure how it will play out cross-browser). Also Opera (at least on a mac) is not honoring the font-specification for the top and bottom h-nav's and did not look into the reason but deleting the letter-spacing may at least put it on one-line. Trivial pursuits: Not nice (in my opinion) to feed all that tiny content type to win/ie in pixels forcing most of the world's users to jump through hoops to ignore your font sizes in order to read it. Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] I've got the IE blues...
David, Thank you for the comments. I should have said it seems to be fine on Mac/Opera, as it does on Safari and Firefox, it's the Windows environments I've no access to. I'd not spotted the font size problem as I'm new to coding. This is my third attempt to redesign my site - see the problem in http://catnaps.org/islamic/islaurb.html - in order to reduce page lengths. I'll have another go at it. You may see me again... With kind regards JL __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I've got the IE blues...
On 29/07/07, David Laakso [EMAIL PROTECTED] wrote: John Lockerbie wrote: David, Thank you for the comments. I should have said it seems to be fine on Mac/Opera, as it does on Safari and Firefox, it's the Windows environments I've no access to. I'd not spotted the font size problem as I'm new to coding. This is my third attempt to redesign my site - see the problem in http://catnaps.org/islamic/islaurb.html - in order to reduce page lengths. JL The comments I made regarding Opera are when I veiwed it on a mac: Version 9.21 Build 3678 Platform MacOS X System 10.4.9 If page height is an issue could you split the pages or use js to open and close division sections. With regard to fonts, I am referring more to IE's inability to scale fonts when set in pixels, /regardless of page height,/ unless the user goes through the drill of putting the browser in accessiblity mode with the ignore font-sizes specified box checked. One way to avoid this is to set percent at user default (100%) on the body, and then use percent on individual selectors throughout the style sheet as needed (line-height is best specified as a raw number). For example: body {font: 100%/1.4 arial, helvetica, sans-serif;} h1 {font-size: 180%;} #footer p {font-size: 80%; line-height: 1.2;} Best, ~d -- http://chelseacreekstudio.com/ David, I looked at the page on Opera Version: 9.22 Build: 3687 MacOS X System: 10.4.10 I work on Safari Version 2.0.4 (419.3) and check on Firefox 2.0.0.5. I don't have access to a Windows environment except at my local library where they've got the screens in the most bizarre arrangements you've ever seen and don't know how to change them. What I'm attempting to do is split the pages into a number of smaller pages, these being set out in the top and bottom menus - 'Menu for al-Salata...' - and it's that which is causing me the problems. I like the idea of using js to open divisions, but thought that might give visitors problems. 50% of my visitors use WinIE6, 25% WinIE7, 15% Firefox and the rest a variety, so I'm really concerned to get the IE6 sorted out. I take your point about the font scaling issues and spent some time researching Zeldman et al to find a consensus. There isn't one. But I do worry about accessibility and will see what I can do about the fonts. I may sit in a darkened room and try to think the paging problem through again and see if I can find a simpler system. Anyhow, a lot to think about, With kind regards John __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I've got the IE blues...
John Lockerbie wrote: David, Thank you for the comments. I should have said it seems to be fine on Mac/Opera, as it does on Safari and Firefox, it's the Windows environments I've no access to. I'd not spotted the font size problem as I'm new to coding. This is my third attempt to redesign my site - see the problem in http://catnaps.org/islamic/islaurb.html - in order to reduce page lengths. JL The comments I made regarding Opera are when I veiwed it on a mac: Version 9.21 Build 3678 Platform MacOS X System 10.4.9 If page height is an issue could you split the pages or use js to open and close division sections. With regard to fonts, I am referring more to IE's inability to scale fonts when set in pixels, /regardless of page height,/ unless the user goes through the drill of putting the browser in accessiblity mode with the ignore font-sizes specified box checked. One way to avoid this is to set percent at user default (100%) on the body, and then use percent on individual selectors throughout the style sheet as needed (line-height is best specified as a raw number). For example: body {font: 100%/1.4 arial, helvetica, sans-serif;} h1 {font-size: 180%;} #footer p {font-size: 80%; line-height: 1.2;} Best, ~d -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/