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/
[css-d] help with button background alignment
I'm having an alignment issue in Safari and Chrome with a button background and I can't figure out what's going on. Basically, in the site search in the upper right, I added a background image to the button and the search area is using a corner radius. In Safari and Chrome (Firefox renders it the way I want it to), the button pushes down about 10 pixels. I tried changing the margin in the search area and the button itself, but it didn't affect anything. I can't find anywhere in the css that's causing it. Anyone have an idea why its pushing down in the two browsers and how to fix it? Here's the site link: http://associationdatabase.com/aws/WCCA/pt/sp/Home_Page __ 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] help with button background alignment
I came across this a little while ago. It *might* help: input[type=search] {-webkit-appearance : none;} On Fri, Sep 30, 2011 at 2:54 PM, Chris Kavinsky ckavin...@gmail.com wrote: I'm having an alignment issue in Safari and Chrome with a button background and I can't figure out what's going on. Basically, in the site search in the upper right, I added a background image to the button and the search area is using a corner radius. In Safari and Chrome (Firefox renders it the way I want it to), the button pushes down about 10 pixels. I tried changing the margin in the search area and the button itself, but it didn't affect anything. I can't find anywhere in the css that's causing it. Anyone have an idea why its pushing down in the two browsers and how to fix it? Here's the site link: http://associationdatabase.com/aws/WCCA/pt/sp/Home_Page __ 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] help with button background alignment
On Oct 1, 2011, at 3:54 AM, Chris Kavinsky wrote: I'm having an alignment issue in Safari and Chrome with a button background and I can't figure out what's going on. Basically, in the site search in the upper right, I added a background image to the button and the search area is using a corner radius. In Safari and Chrome (Firefox renders it the way I want it to), the button pushes down about 10 pixels. I tried changing the margin in the search area and the button itself, but it didn't affect anything. I can't find anywhere in the css that's causing it. Anyone have an idea why its pushing down in the two browsers and how to fix it? Here's the site link: http://associationdatabase.com/aws/WCCA/pt/sp/Home_Page It is a bit of a weirdo thing… iirc it was even discussed once on this list. I wouldn't qualify it as a bug though. Basically, the 'value' attribute for your submit button is empty; WebKit doesn't generate a line box inside the button – or rather, the line-box inside the button collapses somehow to 0 (zero) height, pushing it down (input elements basically being of the 'inline-block' this makes sense - those things are aligned based on the baseline inside it). If you add a non-empty value attribute, then everything displays fine. Adding a value is also accessibility friendly, just saying. You can hide that text-node with negative text-indent or so [*]. demo with attractive colours: http://dev.l-c-n.com/_temp/ck.html [*] might cause problems for iExploder 8, I don't remember off hand and I'm too lazy to launch a VM. Philippe -- Philippe Wittenbergh http://l-c-n.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/