Re: [css-d] responsive not being responsive with images

2013-01-18 Thread Rob Emenecker
> In that case, you would need to use > table-layout: fixed. For grins and giggles I added this to the table style declaration of the mobile.css file. It fixed the problem! Thank you all for your input on helping to resolve this - from the validation errors that Philip pointed out through to this

Re: [css-d] responsive not being responsive with images

2013-01-18 Thread Rob Emenecker
> Nor to me. The only thing I did not have time to check was the image > slider script to see if it is globally redefining the img tag somehow. > But as it is, it would be physically impossible that the test rule I > provided would not work - unless the images are in tables or in DIVs set > to disp

Re: [css-d] responsive not being responsive with images

2013-01-18 Thread Al Sparber
On 1/18/2013 12:51 PM, Markus Ernst wrote: This would actually shrink the image. Anyway, hardcoding the image width does not seem to be very elegant, and the fact that Al's declaration does not work in Firefox does not seem to make sense to me. Nor to me. The only thing I did not have time to

Re: [css-d] responsive not being responsive with images

2013-01-18 Thread Markus Ernst
Am 18.01.2013 16:25 schrieb Al Sparber: On 1/18/2013 10:05 AM, Rob Emenecker wrote: Okay. Errors resolved. Still the same issues with the display on some mobile devices. :-S http://hairydogdigital.com To ensure nothing is overriding your rules, add this to your page and test: img { heigh

Re: [css-d] responsive not being responsive with images

2013-01-18 Thread John Snippe
On 2013-01-18, at 11:54 AM, Tom Livingston wrote: > Does the device in question support image max-width: 100%; ?? Have you tried setting the 100% value to 99%... seems like a kludge, but sometimes works. -- John Snippe __

Re: [css-d] responsive not being responsive with images

2013-01-18 Thread Rob Emenecker
> The "balancing" image on the home page is scaling for me in Mac Chrome. > Does the device in question support image max-width: 100%; ?? I'm not seeing the problem across all browsers. Chrome (Windows) is okay. IE9, Firefox (Windows and Android), and Opera Mini (Android) are not. Bundled browse

Re: [css-d] responsive not being responsive with images

2013-01-18 Thread Rob Emenecker
> No, I was not speaking of the ampersands but of the "You are closing a > that is not open" and (far more importantly) "document type does not > allow element "link" here" (w.r.t. a CSS file). Oh those. I had already fixed those. The site was caching on the server, which I fixed. __

Re: [css-d] responsive not being responsive with images

2013-01-18 Thread Tom Livingston
The "balancing" image on the home page is scaling for me in Mac Chrome. Does the device in question support image max-width: 100%; ?? On Fri, Jan 18, 2013 at 11:51 AM, Rob Emenecker < list-s...@hairydogdigital.com> wrote: > So I removed the "device-" from the media queries. It's now desktop > re

Re: [css-d] responsive not being responsive with images

2013-01-18 Thread Rob Emenecker
So I removed the "device-" from the media queries. It's now desktop responsive. It's valid XHTML. It's valid CSS3 except for a few specific exceptions that are intentional. Guess I can now figure out why the images are blowing out the widths? Rob Emenecker @ Ha

Re: [css-d] responsive not being responsive with images

2013-01-18 Thread Rob Emenecker
> > > Do not use initial-scale or you will have problems when switching > orientation. Okay. I did have the meta tag, but it included the initial-scale, which I've removed. > When using the meta tag (looks like you are, albeit with initial scale), > you do not have to declare for device width

Re: [css-d] responsive not being responsive with images

2013-01-18 Thread Philip TAYLOR
Rob Emenecker wrote: > Ah those. Yes, I know there are ampersand encoding issues. I was looking at > the CSS validation. At this moment I cannot do anything about those > specifically. However, I am hard pressed to believe it is a handful of > ampersand encodings (all in URLs except for two) tha

Re: [css-d] responsive not being responsive with images

2013-01-18 Thread Rob Emenecker
> Still the same issues with the errors ! Ah those. Yes, I know there are ampersand encoding issues. I was looking at the CSS validation. At this moment I cannot do anything about those specifically. However, I am hard pressed to believe it is a handful of ampersand encodings (all in URLs except f

Re: [css-d] responsive not being responsive with images

2013-01-18 Thread Al Sparber
On 1/18/2013 11:00 AM, Rob Emenecker wrote: Just as a note, you might want to consider a reponsive approach that is not device-specific. Makes it easier to test ;-) Thanks Al! I was going for device width's rather than viewport sizing. When I originally did the size, I had the width's based on

Re: [css-d] responsive not being responsive with images

2013-01-18 Thread Rob Emenecker
> Just as a note, you might want to consider a reponsive approach that > is not device-specific. Makes it easier to test ;-) Thanks Al! I was going for device width's rather than viewport sizing. When I originally did the size, I had the width's based on viewport and it tested out okay. ___

Re: [css-d] responsive not being responsive with images

2013-01-18 Thread Rob Emenecker
> You mentioned that your site isn't being responsive with just the > images. Clarification - it is responsive to the DEVICE width. NOT the viewport width. Rob Emenecker @ Hairy Dog Digital www.hairydogdigital.com Please note: Return e-mail messages are only

Re: [css-d] responsive not being responsive with images

2013-01-18 Thread Al Sparber
On 1/18/2013 10:05 AM, Rob Emenecker wrote: Okay. Errors resolved. Still the same issues with the display on some mobile devices. :-S http://hairydogdigital.com To ensure nothing is overriding your rules, add this to your page and test: img { height: auto !important; width: auto !importa

Re: [css-d] responsive not being responsive with images

2013-01-18 Thread Christopher Akins
You mentioned that your site isn't being responsive with just the images. However, I don't see a responsive site at all when I follow your link. In Chrome on the Mac, all I see is a fixed width website. Nothing is flexible in size when I re-size my browser window. Are we sure we understand the

Re: [css-d] responsive not being responsive with images

2013-01-18 Thread Philip TAYLOR
Rob Emenecker wrote: > Okay. Errors resolved. Still the same issues with the display on some mobile > devices. :-S > > http://hairydogdigital.com Still the same issues with the errors ! > http://validator.w3.org/check?uri=http://hairydogdigital.com/ Philip Taylor _

Re: [css-d] responsive not being responsive with images

2013-01-18 Thread Rob Emenecker
Okay. Errors resolved. Still the same issues with the display on some mobile devices. :-S http://hairydogdigital.com Rob Emenecker @ Hairy Dog Digital www.hairydogdigital.com Please note: Return e-mail messages are only accepted from discussion groups that t

Re: [css-d] responsive not being responsive with images

2013-01-18 Thread Rob Emenecker
> Many errors, of which two may be significant : Shoot! Thanks Philip. I thought that the code was already validated. Grrr. Will go through and clean it up and THEN see if I still have issues. Rob Emenecker @ Hairy Dog Digital www.hairydogdigital.com Pleas

Re: [css-d] responsive not being responsive with images

2013-01-18 Thread Philip TAYLOR
Many errors, of which two may be significant : > Error Line 444, Column 104: document type does not allow element "link" here > > …/hairydog_v3/p7irm/p7IRM01.css" rel="stylesheet" type="text/css" media="all" > /> > > Error Line 714, Column 5: end tag for element "p" which is not open Philip Ta

[css-d] responsive not being responsive with images

2013-01-18 Thread Rob Emenecker
Hi all, I had thought my own professional site was working well with mobile devices, until I got a new test device yesterday - a Motorola Razr Maxx - and tested the site in Firefox and Opera Mini. http://hairydogdigital.com It appears that images in the main content area of my site are not scal