[css-d] Let's see if my site breaks badly
www.wideopenphotography.com I just rebuilt it. In the past I've always stayed away from as many hacks as I could simply because they seem to be too many of them to keep straight for a guy like me that doesn't do this for a living. I think nowadays there are fewer and fewer people running old machines with IE or something else that doesn't work so well so I decided to try some round corners! Crazy, I know. They'll likely break with older IEs but I assume those users will just see square corners? Anyway, it's still fairly basic so that I don't have to worry about too many people not seeing it as intended. It's my first fully liquid layout and I tried to get my header image to scale with the layout but had no luck. So, I wound up utilizing a min-width max-width so it doesn't get destroyed at smaller sizes and look ridiculously empty at larger sizes. It's my first time using ems, too. It works for me in Chrome 24.xxx, Firefox 13 (not the latest but reasonably accurate), and IE9 which are the browsers I've got on my Win7 machine. It actually looks good on my phone, too. Let me know if there are any major faults that you see! They should be mostly, if not entirely, CSS related. Thanks, Mike __ 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] Let's see if my site breaks badly
Just one problem that I can see, Michael : 64img.png Value Error : background-image Parse Error this.runtimeStyle.backgroundImage = none, this.runtimeStyle.filter = progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + this.src + ', sizingMethod='image'), this.src = /images/blank.gif ) Philip Taylor Michael Stevens wrote: www.wideopenphotography.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] Let's see if my site breaks badly
Hmmm... That's an old PNG hack I've used forever. I actually just validated it (index at least) and did not receive this error. I'll see if I can't figure out why and fix it... Is there a better alternative to getting PNG transparency out of browsers that don't support it? That I can think of PNG transparency and the rounded corners are the only maybes that I used. I do get this warning: Line 11, Column 72: Using windows-1252 instead of the declared encoding iso-8859-1. meta http-equiv=Content-Type content=text/html; charset=ISO-8859-1 Which I have absolutely no idea what it means. But, since the data I'll be eventually pulling out of a database for my gallery will be UTF-8 I suspect I should change that to charset=UTF-8? Don't know nearly enough about character encoding... :( Thanks for the look, Mike On 2/14/2013 9:25 AM, Philip TAYLOR wrote: Just one problem that I can see, Michael : 64 img.png Value Error : background-image Parse Error this.runtimeStyle.backgroundImage = none, this.runtimeStyle.filter = progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + this.src + ', sizingMethod='image'), this.src = /images/blank.gif ) Philip Taylor __ 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] Let's see if my site breaks badly
Michael Stevens wrote: Hmmm... That's an old PNG hack I've used forever. I actually just validated it (index at least) and did not receive this error. I'll see if I can't figure out why and fix it... I think you may have validated the HTML but not the CSS, Mike. And that particular fragment looks far more like JavaScript than CSS to me : is it in the correct place ? Is there a better alternative to getting PNG transparency out of browsers that don't support it? That I can think of PNG transparency and the rounded corners are the only maybes that I used. Pass. I do get this warning: Line 11, Column 72: Using windows-1252 instead of the declared encoding iso-8859-1. meta http-equiv=Content-Type content=text/html; charset=ISO-8859-1 Which I have absolutely no idea what it means. But, since the data I'll be eventually pulling out of a database for my gallery will be UTF-8 I suspect I should change that to charset=UTF-8? Don't know nearly enough about character encoding... :( That is an HTML 5 issue : why they decided to prefer a proprietary encoding to an ISO one is not something I pretend to understand. Philip Taylor __ 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] Let's see if my site breaks badly
Yes, you are right. I didn't validate the CSS. I guess I figured that any CSS involved would get validated as it's used in the HTMLl? According to how I learned it and used for at least 5 or 6 years that hack is in the right place. Not saying I'm right but that's where I was instructed it goes it's always worked there. So, is it wise to ignore that encoding error, change it in my code to 1252, or change it to UTF-8? Thanks, Mike On 2/14/2013 10:05 AM, Philip TAYLOR wrote: Michael Stevens wrote: Hmmm... That's an old PNG hack I've used forever. I actually just validated it (index at least) and did not receive this error. I'll see if I can't figure out why and fix it... I think you may have validated the HTML but not the CSS, Mike. And that particular fragment looks far more like JavaScript than CSS to me : is it in the correct place ? I do get this warning: Line 11, Column 72: Using windows-1252 instead of the declared encoding iso-8859-1. meta http-equiv=Content-Type content=text/html; charset=ISO-8859-1 Which I have absolutely no idea what it means. But, since the data I'll be eventually pulling out of a database for my gallery will be UTF-8 I suspect I should change that to charset=UTF-8? Don't know nearly enough about character encoding... :( That is an HTML 5 issue : why they decided to prefer a proprietary encoding to an ISO one is not something I pretend to understand. Philip Taylor __ 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] Let's see if my site breaks badly
I believe that expressions were supported in earlier IE but nowhere else; I may be wrong. I would recommend switching to UTF-8 now. Philip Taylor Michael Stevens wrote: Yes, you are right. I didn't validate the CSS. I guess I figured that any CSS involved would get validated as it's used in the HTMLl? According to how I learned it and used for at least 5 or 6 years that hack is in the right place. Not saying I'm right but that's where I was instructed it goes it's always worked there. So, is it wise to ignore that encoding error, change it in my code to 1252, or change it to UTF-8? __ 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] Let's see if my site breaks badly
Unless you wish to or have to support a decent number of IE6 users, you can skip the Trans png support. Otherwise, I've used this with good success: http://www.dillerdesign.com/experiment/DD_belatedPNG/ HTH Sent from my iPhone On Feb 14, 2013, at 12:01 PM, Michael Stevens bigm...@bigmikes.org wrote: Hmmm... That's an old PNG hack I've used forever. I actually just validated it (index at least) and did not receive this error. I'll see if I can't figure out why and fix it... Is there a better alternative to getting PNG transparency out of browsers that don't support it? That I can think of PNG transparency and the rounded corners are the only maybes that I used. I do get this warning: Line 11, Column 72: Using windows-1252 instead of the declared encoding iso-8859-1. meta http-equiv=Content-Type content=text/html; charset=ISO-8859-1 Which I have absolutely no idea what it means. But, since the data I'll be eventually pulling out of a database for my gallery will be UTF-8 I suspect I should change that to charset=UTF-8? Don't know nearly enough about character encoding... :( Thanks for the look, Mike On 2/14/2013 9:25 AM, Philip TAYLOR wrote: Just one problem that I can see, Michael : 64img.pngValue Error : background-image Parse Error this.runtimeStyle.backgroundImage = none, this.runtimeStyle.filter = progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + this.src + ', sizingMethod='image'), this.src = /images/blank.gif ) Philip Taylor __ 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] Let's see if my site breaks badly
I actually no desire to support IE6. But, I always thought the consensus was to make it work (provided it’s not a ton of work for me). If most of everyone doesn’t then I’d be happy to crapcan its support... ☺ It looks like that link has some benefits over the Alphaloader I’ve always used. I’ll have switch to it if I decide to keep it. Mike From: Tom Livingston [mailto:tom...@gmail.com] Sent: Thursday, February 14, 2013 11:16 AM To: Michael Stevens Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Let's see if my site breaks badly Unless you wish to or have to support a decent number of IE6 users, you can skip the Trans png support. Otherwise, I've used this with good success: http://www.dillerdesign.com/experiment/DD_belatedPNG/ HTH __ 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] Let's see if my site breaks badly
On Thu, 14 Feb 2013, Michael Stevens wrote: www.wideopenphotography.com ... It's my first fully liquid layout It's not at all liquid. If I reduce the size of my browser window, I get a hortizontal scroll bar. -- Chris F.A. Johnson, http://cfajohnson.com/ Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) __ 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] Let's see if my site breaks badly
Yeah, I should've qualified that... :( -Original Message- From: Chris F.A. Johnson [mailto:ch...@cfajohnson.com] Sent: Thursday, February 14, 2013 1:37 PM To: Michael Stevens Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Let's see if my site breaks badly On Thu, 14 Feb 2013, Michael Stevens wrote: www.wideopenphotography.com ... It's my first fully liquid layout It's not at all liquid. If I reduce the size of my browser window, I get a hortizontal scroll bar. -- Chris F.A. Johnson, http://cfajohnson.com/ Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) __ 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] Let's see if my site breaks badly
On Thu, Feb 14, 2013 at 3:56 PM, Michael Stevens bigm...@bigmikes.org wrote: www.wideopenphotography.com It's my first fully liquid layout Are you just sort of like kinda testing the waters? Or, are you actually seeking practical assistance in making your stuff work in desktop, tablet, and mobile from one address? 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/
