[css-d] Site check please IE9/10
Hi all, I'm working on a new site and just found out it looks (and works, as you can't even click any link) awful in IE8/9 and good in IE10. Can anyone see whether IE8/9 are choking on something that IE10 has no problems with? I can't imagine css differences between IE9 and 10 being so huge it looks this awful. http://ideabooks.albertvanderveen.com/ Thank you for your time! best regards, Albert __ 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] Site check please IE9/10
On Tue, 03 Sep 2013 14:20:01 +0200, Albert van der Veen wrote: | Hi all, | | I'm working on a new site and just found out it looks (and works, as you | can't even click any link) awful in IE8/9 and good in IE10. Can anyone | see whether IE8/9 are choking on something that IE10 has no problems | with? I can't imagine css differences between IE9 and 10 being so huge | it looks this awful. | | http://ideabooks.albertvanderveen.com/ Validation? http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fideabooks.albertvanderveen.com%2F 3 errors http://jigsaw.w3.org/css-validator/validator?profile=css21warning=0uri=http%3A%2F%2Fideabooks.albertvanderveen.com%2F 42 errors -- David Postill Dance your Life - Biodanza in Alkmaar, Holland - http://www.danceyourlife.eu __ 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] iOS simulator vs FireFox?
At the link below, you can see how the same page shows differently in the iPhone simulator compared to Firefox' responsive design view.. Shouldn't they be the same? Note FF set to display 480 px wide. Any thoughts to what is going on to cause the discrepancy? Thank you! John http://coffeeonmars.com/screenshots/discrep.jpg __ 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] iOS simulator vs FireFox?
A portrait-oriented iPhone viewport is 320 (CSS) pixels wide, but the view on the right is 480 wide (the same as a landscape-oriented iPhone viewport). I don't know where the 530 came from. Regards, Barney Carroll barney.carr...@gmail.com +44 7429 177278 barneycarroll.com On 3 September 2013 15:31, COM j...@coffeeonmars.com wrote: At the link below, you can see how the same page shows differently in the iPhone simulator compared to Firefox' responsive design view.. Shouldn't they be the same? Note FF set to display 480 px wide. Any thoughts to what is going on to cause the discrepancy? Thank you! John http://coffeeonmars.com/screenshots/discrep.jpg __ 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] iOS simulator vs FireFox?
Your media breaks are fine, it's the width you have in your CSS that needs to be changed. Create a new header that is 320 px wide. Put it in where you had the 480px header image. Change the width setting for the image to 320px. Change the div width, and all other widths to 320px and it should look fine. Same for landscape mode. Use your 480px header image in that area where you had the 780px header image (I think that's what it was). Rod On Tue, Sep 3, 2013 at 7:42 AM, John A. Johnson j...@coffeeonmars.comwrote: On Sep 3, 2013, at 7:35 AM, Barney Carroll barney.carr...@gmail.com wrote: A portrait-oriented iPhone viewport is 320 (CSS) pixels wide, but the view on the right is 480 wide (the same as a landscape-oriented iPhone viewport). I don't know where the 530 came from. ah..so my media breaks are incorrect…ok..thank you! J __ 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] iOS simulator vs FireFox?
On Sep 3, 2013, at 7:35 AM, Barney Carroll barney.carr...@gmail.com wrote: A portrait-oriented iPhone viewport is 320 (CSS) pixels wide, but the view on the right is 480 wide (the same as a landscape-oriented iPhone viewport). I don't know where the 530 came from. ah..so my media breaks are incorrect…ok..thank you! J __ 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/