Re: [css-d] ie 6/7/8
El 23/04/2012, a las 17:13, David Laakso escribió: Your comments and suggestion on this site http://ccstudi.com/ in Internet Explorer 6/7/8 are appreciated. David, an oldish Acer portable running XP, browser windows at full width of the screen: in IE6 7 the page draws very vertically, as though it was intended for a mobile and hasn't responded to wider screen and doesn't fill the width of the screen. The main menu is under the 'Wild Thing' image (one might not bother to go down enough to find it) and the vertical 'About' appears last at the very bottom. The Wild Thing image is scaled up I think and looks horrible, the text next to it is pixely and nasty and barely readable. The cream circle is on the right of your headings IE8 draws the page possibly the way you intended. Another thing: only in IE6 the main menu items show rules above AND below (darkening on hover), whereas IE7 8 shows rules only on hover and only below each item. Scrolling behaviour is also not how it should be in IE6. Wouldn't Adobe Browserlab be a good quick way to check your changes? https://browserlab.adobe.com/ Hope this is useful, Peter __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie 6/7/8
On Mon, Apr 23, 2012 at 1:08 PM, Peter H. li...@artworkers.net wrote: El 23/04/2012, a las 17:13, David Laakso escribió: Your comments and suggestion on this site http://ccstudi.com/ in Internet Explorer 6/7/8 are appreciated. David, an oldish Acer portable running XP, browser windows at full width of the screen: *** Good Morning, Vietnam! Thank you for confirming the page is set to a single column 580px fixed width for IE/6 and IE/7 and, that is it is set to two columns 97% width folding to two-columns min-width at 580px in IE/8. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie 6/7/8
Wouldn't Adobe Browserlab be a good quick way to check your changes? https://browserlab.adobe.com/ Excellent tip! Thanks! __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie 6/7/8
I've had issues with Browerlabs showing my page as broken in IE 8 and 9, but when I opened my XP/IE8 virtual machine and Win7/IE9 virtual machine and looked at the pages, they were not broken. As of April 12, Browserlab is no longer free. I think it's $20 a month now. I'll stick with my VMs. Theresa Jennings On Apr 23, 2012, at 12:17 PM, Chris Morton wrote: Wouldn't Adobe Browserlab be a good quick way to check your changes? https://browserlab.adobe.com/ Excellent tip! Thanks! __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie 6/7/8
I just tried it and think it works quite well. From the site itself: Adobe BrowserLab is a complimentary online service. On Mon, Apr 23, 2012 at 12:29 PM, Theresa Jennings theresajennings2...@gmail.com wrote: I've had issues with Browerlabs showing my page as broken in IE 8 and 9, but when I opened my XP/IE8 virtual machine and Win7/IE9 virtual machine and looked at the pages, they were not broken. As of April 12, Browserlab is no longer free. I think it's $20 a month now. I'll stick with my VMs. Theresa Jennings On Apr 23, 2012, at 12:17 PM, Chris Morton wrote: Wouldn't Adobe Browserlab be a good quick way to check your changes? https://browserlab.adobe.com/ Excellent tip! Thanks! __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie 6/7/8
I'm telling you, I had a problem in March with it showing a broken page in IE8 and 9, but it wasn't broken. I hadn't had an issue with other sites I checked, but this one, I did. And my code validated before I tried. I was trying to avoid opening my virtual machines, but I had to check to see if it really and truly was broken. It was not. Adobe apparently decided to keep it free (http://blogs.adobe.com/browserlab/2012/02/24/browserlab-pricing-and-roadmap-announcements/ ), which sucks for browsercam.com, which is not accepting new members at this time. Please check back again for updates. Sorry for the inconvenience. Theresa Jennings Mesa Design House 909-799-7405 | Fax 888-676-7640 http://mesadesignhouse.com | http://theresajennings-artwork.com On Apr 23, 2012, at 12:40 PM, Chris Morton wrote: I just tried it and think it works quite well. From the site itself: Adobe BrowserLab is a complimentary online service. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie 6/7/8
Perfect on iPad. You really scored high, as always. On Monday, April 23, 2012, David Laakso laakso.davi...@gmail.com wrote: Your comments and suggestion on this site http://ccstudi.com/ in Internet Explorer 6/7/8 are appreciated. Thanks. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- http://gabrieleromanato.com/ http:// http://onwebdev.blogspot.com/blog.gabrieleromanato.com/ (English) __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie 6/7/8
On Mon, 23 Apr 2012 19:39:14 +0100, David Laakso laakso.davi...@gmail.com wrote: Good Morning, Vietnam! Thank you for confirming the page is set to a single column 580px fixed width for IE/6 and IE/7 and, that is it is set to two columns 97% width folding to two-columns min-width at 580px in IE/8. Best, David Laakso I doubt you will be concerned but IE5 is upset by the scripts, other than that it shows in the same configuration as IE6 and is certainly functional. Best wishes Duncan __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie 6/7/8
On 2012-04-23, at 8:13 AM, David Laakso wrote: Your comments and suggestion on this site http://ccstudi.com/ in Internet Explorer 6/7/8 are appreciated. Thanks. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com Looks to me like it scales perfectly in Safari on Mac. ;-) Also in Google Chrome. Loads quickly, no apparent glitches. Nice site. Nice portfolio too... Norman --- www: http://www.normanfournier.com facebook: http://www.facebook.com/normanfournierdotcom linkedin: http://www.linkedin.com/profile/view?id=18127460 youtube: http://www.youtube.com/user/normanfournier __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie 6/7/8
I've had issues with Browerlabs showing my page as broken in IE 8 and 9, but when I opened my XP/IE8 virtual machine and Win7/IE9 virtual machine and looked at the pages, they were not broken. As of April 12, Browserlab is no longer free. I think it's $20 a month now. I'll stick with my VMs. I would use Microsoft's Expression SuperPreview software to view pages for cross browser testing: http://www.microsoft.com/download/en/details.aspx?id=2020 It runs from your machine and you can register to use remote browsers. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie 6/7/8
I'm on a Mac, although I did recently install Expression Web on my Win7 virtual machine. But at that point, I can just check it in the actual browser, since I already have it open. It's definitely something to look into. Thanks! Theresa Jennings On Apr 23, 2012, at 1:47 PM, John D wrote: I've had issues with Browerlabs showing my page as broken in IE 8 and 9, but when I opened my XP/IE8 virtual machine and Win7/IE9 virtual machine and looked at the pages, they were not broken. As of April 12, Browserlab is no longer free. I think it's $20 a month now. I'll stick with my VMs. I would use Microsoft's Expression SuperPreview software to view pages for cross browser testing: http://www.microsoft.com/download/en/details.aspx?id=2020 It runs from your machine and you can register to use remote browsers. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] :: ie 6/7 ::
The J is entirely visible in ie6, but still cut in ie7. The layout is not flexible in 6, but I'm betting that's on purpose. Saw no other display problems, otherwise. I always liked the airy feel of your site. aside Navigation is a bit unfriendly to me, having to keep going back to the 'front page' to get to other sections of the site is odd to me. Also, on a large enough screen, I am told what page I am on 3 times in large print. Maybe hide the one on the bottom of the page when on a wide screen? Just a thought. On Thu, Sep 29, 2011 at 10:14 PM, David Laakso da...@chelseacreekstudio.com wrote: Greetings from Redmond... Gotten to point where we can't see the forest through the trees [signature link]. Fast and dirty quick tour in IE 6/7 with any corrections that may be needed noted is gratefully appreciated. As ever, Bill and Melinda -- Desktop. Laptop. Tablet. Mobile! http://chelseacreekstudio.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] :: ie 6/7 ::
On 30/09/2011 10:45 PM, Tom Livingston wrote:
The J is entirely visible in ie6, but still cut in ie7. The layout
http://chelseacreekstudio.com/
The letter 'O' is covering the letter 'J'. This hack will work (should
also work in IE6).
*:first-child+html nav P B#c1 {
margin-bottom: -0.25em /* minus value to cater for the extra line
height */
line-height: 2;
}
Tested in IE7 comp mode in IE9.
BTW Bill, IE10 preview 3 is cool but not Win8. Freshly formatted machine
with trusty IE9. :-)
Alan
--
Alan Gresley
http://css-3d.org/
http://css-class.com/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] :: ie 6/7 ::
Oh, and it looks fine on the iPhone btw. Yours, S. Jobs On Thu, Sep 29, 2011 at 10:14 PM, David Laakso da...@chelseacreekstudio.com wrote: Greetings from Redmond... Gotten to point where we can't see the forest through the trees [signature link]. Fast and dirty quick tour in IE 6/7 with any corrections that may be needed noted is gratefully appreciated. As ever, Bill and Melinda -- Desktop. Laptop. Tablet. Mobile! http://chelseacreekstudio.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] :: ie 6/7 ::
On 9/30/11 9:04 AM, Alan Gresley wrote:
On 30/09/2011 10:45 PM, Tom Livingston wrote:
The J is entirely visible in ie6, but still cut in ie7. The layout
http://chelseacreekstudio.com/
The letter 'O' is covering the letter 'J'. This hack will work (should
also work in IE6).
*:first-child+html nav P B#c1 {
margin-bottom: -0.25em /* minus value to cater for the extra line
height */
line-height: 2;
}
Tested in IE7 comp mode in IE9.
BTW Bill, IE10 preview 3 is cool but not Win8. Freshly formatted
machine with trusty IE9. :-)
Alan
Thanks Alan. Holding with this [currently on server]-- and seems ok 6/7
browsercam:
/*compliant browsers*/
body.j nav p b#c1{min-height:46px;margin-bottom:0!important}
/*IE/7.0*/
*:first-child+html body.j nav p b#c1{line-height:1.35}
/*IE/6.0*/
* html body.j nav p b#c1{height:44px;margin-bottom:0}
As always,
Bill and Melina
PS We'll ask about what's up in Win8 here in Redmond.
--
Desktop. Laptop. Tablet. Mobile!
http://chelseacreekstudio.com/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] :: ie 6/7 ::
On 9/30/11 8:45 AM, Tom Livingston wrote: The layout is not flexible in 6,trim IE does not support min/max width consequently IE is set to a fixed-width. There are workarounds for this issue but hardly worth pursuing them nowadays... aside Navigation is a bit unfriendly to me, having to keep going back to the 'front page' to get to other sections of the site is odd to me. Yeah. Seems odd to me too. But the alternative[to show all page links on all pages] is a worse nightmare [and horrible on a mobile device] -- particularly on the portfolio, paintings, and photos pages. Also, on a large enough screen, I am told what page I am on 3 times in large print. Maybe hide the one on the bottom of the page when on a wide screen? Just a thought. No, it is a good point and one that I have wrestled with. Rather than deleting the hiding it , we may try just pushing it back in time and space with a lighter color value for desktop, and tablet. It is hidden in mobile. As ever, Bill and Melinda -- Desktop. Laptop. Tablet. Mobile! http://chelseacreekstudio.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] :: ie 6/7 ::
The footer link? Sent from my iPhone On Sep 29, 2011, at 10:14 PM, David Laakso da...@chelseacreekstudio.com wrote: Greetings from Redmond... Gotten to point where we can't see the forest through the trees [signature link]. Fast and dirty quick tour in IE 6/7 with any corrections that may be needed noted is gratefully appreciated. As ever, Bill and Melinda -- Desktop. Laptop. Tablet. Mobile! http://chelseacreekstudio.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] :: ie 6/7 ::
On 9/29/11 11:03 PM, David Laakso wrote: On 9/29/11 10:41 PM, Tom Livingston wrote: The footer link? Sent from my iPhone On Sep 29, 2011, at 10:14 PM, David Laaksoda...@chelseacreekstudio.com wrote: Greetings from Redmond... Gotten to point where we can't see the forest through the trees [signature link]. Fast and dirty quick tour in IE 6/7 with any corrections that may be needed noted is gratefully appreciated. As ever, Bill and Melinda -- http://chelseacreekstudio.com/ Thanks, Tom... Assuming you mean the footer links on the site index, there are three footer links. Is one or all of them giving you difficulty? And is that difficulty seen n both IE 6/7 ? Or, are you viewing the page on your iPhone, and comparing it to what you see on desktop.? If so, the footer links on the site index are not the only stuff that mobile browser will not see [on purpose]. Best, Bill and Melinda -- Desktop. Laptop. Tablet. Mobile! http://chelseacreekstudio.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] :: ie 6/7 ::
IE6/7 cutting off lower part of J in vertical Journal. Haven't found any other major show-stoppers so far - will look deeper later. Georg __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] :: ie 6/7 ::
On 9/29/11 11:21 PM, G.Sørtun wrote:
IE6/7 cutting off lower part of J in vertical Journal.
Excellent! Correction below on server.
pbid=c1J/b ... /p
/*IE/7.0*/
*:first-child+html body.j nav p b#c1{min-height:46px;margin-bottom:0}
/*IE/6.0*/
* html body.j nav p b#c1{height:46px;margin-bottom:0}
Seems better now in IE/6. We got no IE/7 at the moment so just guessing
on it...
Haven't found any other major show-stoppers so far - will look deeper
later.
O.K. Your convenience, please...
Georg
Thanks.
Bill and Melinda
--
Desktop. Laptop. Tablet. Mobile!
http://chelseacreekstudio.com/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie 6/7/8
On 12.09.2011 17:17, David Laakso wrote: http://chelseacreekstudio.com/ IE6 drops left column, turning the layout into a centered single-column. IE7/8 are doing fine. Georg __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie 6/7/8
On 9/12/11 11:48 AM, G.Sørtun wrote: On 12.09.2011 17:17, David Laakso wrote: http://chelseacreekstudio.com/ IE6 drops left column, turning the layout into a centered single-column. Smacks self! Now attempting delivering of a 2 col fixed width layout to IE/6. Confirmation appreciated. IE7/8 are doing fine. Georg Thanks, ~d __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie 6/7/8
On 12.09.2011 19:28, David Laakso wrote: http://chelseacreekstudio.com/ Smacks self! Now attempting delivering of a 2 col fixed width layout to IE/6. Confirmation appreciated. Glad to confirm that an OK fixed width 2 column layout now appears in IE6 :-) Georg __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie 6/7/8
On 9/12/11 2:06 PM, G.Sørtun wrote: On 12.09.2011 19:28, David Laakso wrote: http://chelseacreekstudio.com/ Smacks self! Now attempting delivering of a 2 col fixed width layout to IE/6. Confirmation appreciated. Glad to confirm that an OK fixed width 2 column layout now appears in IE6 :-) Georg Good. Thanks! ~d __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie 6/7/8/9beta
On 2/6/11 12:34 AM, Philippe Wittenbergh wrote: On Feb 6, 2011, at 12:12 AM, David Laakso wrote: http://chelseacreekstudio.com/indexx.php background-image: -moz-linear-gradient(top, #bfddf9, #71a3d1); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #bfddf9),color-stop(1, #71a3d1)); background-image: linear-gradient(top, #bfddf9, #71a3d1); I would add to that (as a third line): background-image: -webkit-linear-gradient(top, #bfddf9, #71a3d1); That is the same syntax as -moz-, supported by WebKit nightly builds and Chrome 10dev and maybe Chrome 9, I don't remember. That syntax is more spec compliant. And I would drop the un-prefixed last line: 'linear-gradient()'; The spec is way to much in flux for including that. – although, before the spec has reached a stable status and implementators start to support an un-prefixed syntax, you'll be 3 redesigns further :-) Philippe --- Philippe Wittenbergh http://l-c-n.com/ Excellent! She rests well now with those changes on the server. Thank you, Philippe. Best, ~d -- http://chelseacreekstudio.com/ http://chelseacreekstudio.com/fa/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie 6/7/8/9beta
Jay-Z, I like this site allot better than your other design. Everything seemed to be working /looking fine, including the color gradient in the top and bottom nav, as I clicked through many of the pages. I would somehow incorporate more color contrast though, because all the pale colors end up straining my eyes. Nice design upgrade! Sincerely, Brian M. Curran | CAD Consultant Local.Qualified.Trusted. 118-11 84th Avenue, #503 Kew Gardens (Queens), NY 11415 t/f 718.441.3968 c347.416.4226 wwww.draftingservices.com Please be sure to visit my website for a full listing of services. Refresh your browser to find the latest content. -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Laakso Sent: Saturday, February 05, 2011 10:12 AM To: css-d Subject: [css-d] ie 6/7/8/9beta My only concern with this site at the moment is confirmation that the CSS3 gradient is holding/working in the top and bottom nav in the subject-line browsers. http://chelseacreekstudio.com/indexx.php Thanks. Best, ~d -- http://chelseacreekstudio.com/ http://chelseacreekstudio.com/fa/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie 6/7/8/9beta
p.s. I was using ie8. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie 6/7/8/9beta
On 2/5/11 11:28 AM, Brian M. Curran wrote: Jay-Z, I like this site allot better than your other design. Everything seemed to be working /looking fine, including the color gradient in the top and bottom nav, as I clicked through many of the pages. I would somehow incorporate more color contrast though, because all the pale colors end up straining my eyes. Nice design upgrade! My only concern with this site at the moment is confirmation that the CSS3 gradient is holding/working in the top and bottom nav in the subject-line browsers. http://chelseacreekstudio.com/indexx.php Thanks. Best, ~d I hear from IE/8, Brian. You got an Empire State of Mind!' Thanks. Best, Alicia Keys for Jay-Z New York! -- http://chelseacreekstudio.com/ http://chelseacreekstudio.com/fa/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE 6/7 issues
Ray Leventhal wrote:
http://www.cprtools.net/calc
The first thing I noticed is that the two radio buttons and their
labels aren't rendering as expected in WinIE6. This looks ok in IE7
After the form is submitted and the results are rendered, the
'summary' fieldset is (in IE6 and 7) set off to the right while I
expected and wanted it to be centered.
Any kicks in the right direction would be greatly appreciated.
Try adding...
* html br {clear: left;}
div#results {text-align: center;}
div#results fieldset {margin: 0; text-align: left;}
html:lang(en) div#results fieldset {margin: auto;}
...will kick IE6 and 7 in the right direction. That last line gives
other browsers - including IE8 - back the original auto-centering that
older IE versions fail on.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE 6/7 issues
Gunlaug Sørtun wrote:
the right direction would be greatly appreciated.
Try adding...
* html br {clear: left;}
div#results {text-align: center;}
div#results fieldset {margin: 0; text-align: left;}
html:lang(en) div#results fieldset {margin: auto;}
...will kick IE6 and 7 in the right direction. That last line gives
other browsers - including IE8 - back the original auto-centering that
older IE versions fail on.
regards
Georg
As usual, Georg...dead-on accurate. Thanks a bunch!
-R
--
Non scholae sed vitae discimus
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE 6 / 7 * hack
I just ran into a *serious* issue in Safari 2.0 using this hack (*property:value) I had to switch to selector, (property:value) but I'd like to know if I missed anything(?) I thought that filter was *safe* to use. As a follow up: selector (*property:value) fails but selector (*property:value;) works the trailing semicolon is the fix here... Thanks to Gamaiel (from another list) for suggesting this -- Regards, Thierry | http://www.TJKDesign.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] :: ie 6 7 :: collapse on click bounce on scroll ::
On 10/15/07, David Laakso wrote: In this photoshop nightmare [1] the slideshow (top right col) collapses in IE 6 7 when any horizontal nav link is clicked (in compliant browsers clicking 'home' does it). I suspect an interference between of the menu js and the slide show. The behaviors related to the dropdown are attached to all LI in the document, including the ones in the slide show. And when an element of the dropdown gets focus the cleanUp function alters the className of all LI, again including the slideshow. I would change the occurrences of: var LI = document.getElementsByTagName(li); with var me = document.getElementById(menu); var LI = me.getElementsByTagName(li); so to affect only the LI inside the drop down menu. (The difference in behavior between IE and other browsers is caused by the use of firstChild and white-space interpretation in building the DOM.) And IE 6 7 the left col is exhibiting vertical bounce on a full scroll. The left column seems stable to me, probably I haven't understood the problem, what do you mean with full scroll? [1] http://www.chelseacreekstudio.com/ca/cssd/un/ Best regards, Bruno -- Bruno Fassino http://www.brunildo.org/test __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] :: ie 6 7 :: collapse on click bounce on scroll ::
Bruno Fassino wrote: On 10/15/07, David Laakso wrote: In this photoshop nightmare [1] the slideshow (top right col) collapses in IE 6 7 when any horizontal nav link is clicked (in compliant browsers clicking 'home' does it). O.K. I understand the js fix you provided and will modify the script accordingly this afternoon. Thank you! And IE 6 7 the left col is exhibiting vertical bounce on a full scroll. The left column seems stable to me, probably I haven't understood the problem, what do you mean with full scroll? Bruno, in my versions of IE 6 and 7 (parallels/os x 10.4.10) when using either the scroll bar /or/ mouse wheel to vertically scroll to the very bottom of the footer, that the background images bounce (like striking the keys of a piano) and some text bounces vertically. This noticeable on the left third of the page. [1] http://www.chelseacreekstudio.com/ca/cssd/un/ Best regards, Bruno Regards, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] :: ie 6 7 :: collapse on click bounce on scroll ::
On 10/15/07, David Laakso [EMAIL PROTECTED] wrote: Bruno, in my versions of IE 6 and 7 (parallels/os x 10.4.10) when using either the scroll bar /or/ mouse wheel to vertically scroll to the very bottom of the footer, that the background images bounce (like striking the keys of a piano) and some text bounces vertically. This noticeable on the left third of the page. [1] http://www.chelseacreekstudio.com/ca/cssd/un/ It doesn't happen in my (native) IE6 and IE7 on XP. Regards, ~dL Best regards, Bruno -- Bruno Fassino http://www.brunildo.org/test __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] :: ie 6 7 :: collapse on click bounce on scroll ::
Bruno Fassino wrote: On 10/15/07, David Laakso [EMAIL PROTECTED] wrote: Bruno, in my versions of IE 6 and 7 (parallels/os x 10.4.10) when using either the scroll bar /or/ mouse wheel to vertically scroll to the very bottom of the footer, that the background images bounce (like striking the keys of a piano) and some text bounces vertically. This noticeable on the left third of the page. [1] http://www.chelseacreekstudio.com/ca/cssd/un/ It doesn't happen in my (native) IE6 and IE7 on XP. Regards, ~dL Best regards, Bruno That is /good/ news. As always, thank you for your time and effort on my behalf... Best, ~david -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE 6, 7 Float problem, works in Firefox
Sam,
You are understanding float correctly, unfortunately, IE doesn't. Since you
have an explicit width of 700px on that inner div, IE thinks it needs about
850px (700 plus width of image) of width to show the image and division side
by side. That's why when you take the width off, the image floats as it
should. There is no explicit width on the div, so IE will let the width of
the content change as needed. If you need it to behave in the smaller
resolution, you need to either remove the inner div's width, or give it a
percentage based width (say 70%), then IE will behave.
Tim Kadlec
Date: Wed, 30 May 2007 10:42:04 -0400
From: Sam Carter [EMAIL PROTECTED]
Subject: [css-d] IE 6, 7 Float problem, works in Firefox
To: css-d@lists.css-discuss.org
Message-ID: [EMAIL PROTECTED]
Content-Type: text/plain; charset=US-ASCII
Maybe I don't get float. Maybe this is a known bug...
I've made a bare-bones sample page to show my misunderstanding... or the
bug...
mhtml:{0CCD3315-325B-41A0-8F7A-971ACF2C88CC}mid://0014/!x-usc:http://tr
ainthetrainers.net/home2.php http://trainthetrainers.net/home2.php
There's a float : right image. Yes... it's a beaver wearing a shirt. He's
Canadian too.
Start with a wide browser display of more than 1000px and shrink the width
below 800px. The div#inner with the red border will clear the float.
It seems like a bug to me, or am I misunderstanding float? Isn't the
floated image supposed to glide right over the inner div schooching the
inline-text out of the way?
Interesting... If I remove the width : 700px on #inner, it behaves
properly, not clearing the image.
I'd like the inner div with the red border to not clear the image, but I'd
like the inline text to clear the float as always.
Seems to work properly in Firefox.
But or not, is there a fix?
Sam
_
PC Magazines 2007 editors choice for best Web mailaward-winning Windows
Live Hotmail.
http://imagine-windowslive.com/hotmail/?locale=en-usocid=TXT_TAGHM_migration_HM_mini_pcmag_0507
__
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] IE 6/7 layout issue
Things are off as well in FF2.x, not just IE. You have floats in a DIV that need cleared. Try this: http://www.webtoolkit.info/css-clearfix.html div class=contentbox clearfix On 3/30/07, Dave Goodchild [EMAIL PROTECTED] wrote: URL: http://dontjustsitthere.co.uk/stage/ There is a layout issue in IE6/7 - the container holding the T-shirt content is dropping. I tried using display:inline and position:relative to appease any IE bugs to no avail. Any suggestions? -- http://www.web-buddha.co.uk __ 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] IE 6/7 layout issue
Dave Goodchild wrote: URL: http://dontjustsitthere.co.uk/stage/ There is a layout issue in IE6/7 - the container holding the T-shirt content is dropping. I tried using display:inline and position:relative to appease any IE bugs to no avail. Any suggestions? Actually, all of your homecontent divisions are happily floating to the top and the t-shirt content winds up underneath. You can see this with a high-res monitor and lots of real estate for the view port to stretch out :-) The images remain lined up on the left. I don't know if this helps you any. I had a similar layout with a fixed width and I'm afraid I'm not sure how to apply it to a fluid layout. francky helped me with it and he applied display: inline to the containing division (I think that would the content div in your case). ...Lori __ 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] IE 6/7 issue
On 3/30/07, Tom Livingston [EMAIL PROTECTED] wrote: Hi list, Here's the page: http://proof.mlinc.com/mlinc.com/06/news/ Hit it in FF/Safari for desired layout for head/paragraph relation. Why won't it work in IE 6/7? Just can't see it. Thanks -- Always happens to me. When i enlist the public for help, I figure it out. I guess it's the fear of looking stupid. :-P Thanks if you looked... Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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] IE 6 7 css problems
John M Shepard wrote: I have a problem with a practice site I put up at: www.mypracticesite.com. There seems to be a problem in the css for the subpages rendering properly in IE 6 7 on a Windows based machine. I believe you have one too many /div tags immediately before the element div id=innerRight. Remove one and it seems to work ok. Cheers, Jesse www.thefutureoftheweb.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] ie 6-7 wrapper problems
On 1/5/07, Gunlaug Sørtun [EMAIL PROTECTED] wrote:
Julian Merrow-Smith wrote:
The div is outlined by a background shadow which fits fine in firefox
etc. and IE 5, 5.5 but is 1px adrift in IE 7 and the div has
expanded in IE6 to cover the background image.
http://laserenissima.co.uk
IE6 will do better with these additions...
#Content {overflow-x: hidden;}
#SubNav {display: inline;}
...that'll take care of IE's 'auto-expansion' bug (triggered (in part)
by the 'italic' bug) and the 'margin-doubling on floats' bug.
regards
Georg
Thanks George that sorted out the wrapper div though there is still a one
pixel jog of the whole wrapper in XP IE67 and 7 on vista
screen captures here: http://www.browsercam.com/view.aspx?proj_id=312462
I can live with that but would like to know why.
--
Julian Merrow-Smith
http://shiftinglight.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] ie 6-7 wrapper problems
Julian Merrow-Smith wrote:
The div is outlined by a background shadow which fits fine in firefox
etc. and IE 5, 5.5 but is 1px adrift in IE 7 and the div has
expanded in IE6 to cover the background image.
http://laserenissima.co.uk
IE6 will do better with these additions...
#Content {overflow-x: hidden;}
#SubNav {display: inline;}
...that'll take care of IE's 'auto-expansion' bug (triggered (in part)
by the 'italic' bug) and the 'margin-doubling on floats' bug.
regards
Georg
--
http://www.gunlaug.no
__
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] IE 6+7, background image leakage thru margins
Courtney Nielsen wrote: Greetings, I am trying to do some fancy branding to a page and am getting 'leakage' in IE. I have posted this problem to the following URL: http://www.junklogic.com/moneymakin/temp_box.html I would like to create basically a template of these rounded-cornered 'widgets' that developers can plug their data into. It's for a data dashboard for a agentless GUI for a hardware security appliance, so accessibility issues differ a bita little extra markup is ok, and thus I am doing the divdivdivdiv thing for each rounded corner. This was 'borrowed' from Cederholm's Bulletproof Web Design book. However, I cant assign background images to the content itself as written in the book, as the content is all conditional and dynamic. in the method i wrote this up, in IE, im getting a 'leakage' in the margin-bottom. In IE7, the leakage happens on the last box listed. I can add 15 of these boxes, and all will display fine except the last one. in IE6, all boxes display this leakage. If i add a float, the leakage goes away however the width is then auto'd in mozilla, something i'd like to avoid if possible. Is there a technique i can have these default to 100% width (i'd like to avoid declaring width's and heights if possible)? I figure i'm missing a couple vital root-level rules of CSS here, so any input is greatly appreciated. thanks. -Court Hi Court, I must admit I didn't study your page ( the underlying Bulletproof design), and how it can be made working. Forgotten! :-) Just diving into an alternative: * Testpage http://home.tiscali.nl/developerscorner/liquidcorners/corners-example-junklogic.htm In IE6 it is perfoming good, as it is in FF1.7 and Opera8.01. - IE7 I can't test. Success and greetings, francky __ 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] IE 6+7, background image leakage thru margins
Thank you! I see you've done quite a bit of studies on the rounded corners that help keep us all employed :) I am going to read your writings and try and integrate this into the app and will post my results. Thanks again for your help. -Court francky wrote: Courtney Nielsen wrote: Greetings, I am trying to do some fancy branding to a page and am getting 'leakage' in IE. I have posted this problem to the following URL: http://www.junklogic.com/moneymakin/temp_box.html I would like to create basically a template of these rounded-cornered 'widgets' that developers can plug their data into. It's for a data dashboard for a agentless GUI for a hardware security appliance, so accessibility issues differ a bita little extra markup is ok, and thus I am doing the divdivdivdiv thing for each rounded corner. This was 'borrowed' from Cederholm's Bulletproof Web Design book. However, I cant assign background images to the content itself as written in the book, as the content is all conditional and dynamic. in the method i wrote this up, in IE, im getting a 'leakage' in the margin-bottom. In IE7, the leakage happens on the last box listed. I can add 15 of these boxes, and all will display fine except the last one. in IE6, all boxes display this leakage. If i add a float, the leakage goes away however the width is then auto'd in mozilla, something i'd like to avoid if possible. Is there a technique i can have these default to 100% width (i'd like to avoid declaring width's and heights if possible)? I figure i'm missing a couple vital root-level rules of CSS here, so any input is greatly appreciated. thanks. -Court Hi Court, I must admit I didn't study your page ( the underlying Bulletproof design), and how it can be made working. Forgotten! :-) Just diving into an alternative: * Testpage http://home.tiscali.nl/developerscorner/liquidcorners/corners-example-junklogic.htm In IE6 it is perfoming good, as it is in FF1.7 and Opera8.01. - IE7 I can't test. Success and greetings, francky __ 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/
