[css-d] CSS linear gradient in Android tablet not extending to bottom of page
In my 10 Android tablet in landscape view, the CSS3 background gradient doesn't stretch to the bottom of the page, it only fills the browser window. If you have to scroll down, the background is white below the original window. Can someone point me in the right direction to fix it or suggest another way to handle it? http://www.redkitecreative.com/projects/prsold/construction-and-commercial/ -- Debbie Campbell www.redkitecreative.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] CSS linear gradient in Android tablet not extending to bottom of page
My Manager is looking for a graphic designer for a 2 week job...please respond to this email if interested. Thanks Kim On Tue, Jan 29, 2013 at 9:52 AM, Debbie Campbell d...@redkitecreative.comwrote: In my 10 Android tablet in landscape view, the CSS3 background gradient doesn't stretch to the bottom of the page, it only fills the browser window. If you have to scroll down, the background is white below the original window. Can someone point me in the right direction to fix it or suggest another way to handle it? http://www.redkitecreative.**com/projects/prsold/** construction-and-commercial/http://www.redkitecreative.com/projects/prsold/construction-and-commercial/ -- Debbie Campbell www.redkitecreative.com __**__**__ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/**mailman/listinfo/css-dhttp://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.**com/http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/**policies.htmlhttp://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_**support_evolt/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] ADMIN: CSS linear gradient in Android tablet not extending to bottom of page
At 10:05 -0500 1/29/13, Kim Fernandez wrote: My Manager is looking for a graphic designer for a 2 week job...please respond to this email if interested. To everyone besides Kim: if you do, please make sure to do so off list, but also consider whether you want to work on such a short-term basis for a nameless firm that apparently doesn't see fit to respect the rules of conduct of a public forum. (See http://css-discuss.org/policies.html, a URL found in the footer of every message sent via the list.) In the meantime, the original poster Debbie's question about gradients is interesting, and I hope it gets an informative answer. I'd investigate it myself if I had an Android tablet handy. -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone CSS is much too interesting and elegant to be not taken seriously. -- Martina Kosloff (http://mako4css.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] CSS linear gradient in Android tablet not extending to bottom of page
Out of curiosity, have you tested on an iPad and does it have the same issue? I don't have a 10 Android tablet to test with... On Tue, Jan 29, 2013 at 9:52 AM, Debbie Campbell d...@redkitecreative.comwrote: In my 10 Android tablet in landscape view, the CSS3 background gradient doesn't stretch to the bottom of the page, it only fills the browser window. If you have to scroll down, the background is white below the original window. Can someone point me in the right direction to fix it or suggest another way to handle it? http://www.redkitecreative.**com/projects/prsold/** construction-and-commercial/http://www.redkitecreative.com/projects/prsold/construction-and-commercial/ -- Debbie Campbell www.redkitecreative.com __**__**__ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/**mailman/listinfo/css-dhttp://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.**com/http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/**policies.htmlhttp://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_**support_evolt/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] CSS linear gradient in Android tablet not extending to bottom of page
No problem on my iPad2. Val Sent from my iPad On Jan 29, 2013, at 8:42 AM, Tom Livingston tom...@gmail.com wrote: Out of curiosity, have you tested on an iPad and does it have the same issue? I don't have a 10 Android tablet to test with... On Tue, Jan 29, 2013 at 9:52 AM, Debbie Campbell d...@redkitecreative.comwrote: In my 10 Android tablet in landscape view, the CSS3 background gradient doesn't stretch to the bottom of the page, it only fills the browser window. If you have to scroll down, the background is white below the original window. Can someone point me in the right direction to fix it or suggest another way to handle it? http://www.redkitecreative.**com/projects/prsold/** construction-and-commercial/http://www.redkitecreative.com/projects/prsold/construction-and-commercial/ -- Debbie Campbell www.redkitecreative.com __**__**__ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/**mailman/listinfo/css-dhttp://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.**com/http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/**policies.htmlhttp://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_**support_evolt/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/ __ 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] ADMIN: CSS linear gradient in Android tablet not extending to bottom of page
At 10:36 -0500 1/29/13, Kim Fernandez wrote: EricYou obviously are a rude individual with no respect. Perhaps so, but I'm also the person in charge of the list and enforcing its rules on those who rudely disrespect them. If you wish to act in accordance with the list's policies, then you are welcome to rejoin. If not, then please feel free to assign all the blame to me and abstain from further subjecting yourself to the indignity of dealing with me. Thank you. -- Eric A. Meyer (e...@meyerweb.com) http://meyerweb.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] ADMIN: CSS linear gradient in Android tablet not extending to bottom of page
Oops. That was supposed to be sent in private, not to the list. Sorry about that, everyone. Let this stand as a testament to the universal truth: that eventually, no matter how long you have been online or how careful you try to be, you will eventually fall victim to one of the classic blunders: the inappropriate Reply All. Please don't perpetuate this fraying side of the thread any further, as I did. In penance, I will now go add my own email address to the approve before posting list filter, so that the next few times I reply I will be reminded of my error and (with luck) learn from it. -- Eric A. Meyer (e...@meyerweb.com) http://meyerweb.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] CSS linear gradient in Android tablet not extending to bottom of page
On 1/29/13 6:52 AM, Debbie Campbell wrote:
In my 10 Android tablet in landscape view, the CSS3 background gradient
doesn't stretch to the bottom of the page, it only fills the browser
window. If you have to scroll down, the background is white below the
original window. Can someone point me in the right direction to fix it or
suggest another way to handle it?
http://www.redkitecreative.com/projects/prsold/construction-and-commercial/
Just a stab in the dark from me, as I don't have an Android of any kind:
Try putting that gradient on the HTML element instead of the BODY. I had a
similar issue where HTML and BODY were declared height: 100%; so you could
also try, say, body { min-height: 100%; } instead. (?)
--
Cordially,
David
__
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] CSS linear gradient in Android tablet not extending to bottom of page
I don't have a 10 Android to test, but looking at it in FF, I see that you have declared html and body height: 100% in screen.css(line 33). This seems to cause the html and body to only be as long as the window. Try removing this declaration and see if it helps on the tablet, too. MG On 01/29/2013 07:52 AM, Debbie Campbell wrote: In my 10 Android tablet in landscape view, the CSS3 background gradient doesn't stretch to the bottom of the page, it only fills the browser window. If you have to scroll down, the background is white below the original window. Can someone point me in the right direction to fix it or suggest another way to handle it? http://www.redkitecreative.com/projects/prsold/construction-and-commercial/ __ 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] CSS linear gradient in Android tablet not extending to bottom of page
On Tue, 29 Jan 2013 10:42:41 -0500, Tom Livingston tom...@gmail.com wrote: Out of curiosity, have you tested on an iPad and does it have the same issue? I don't have a 10 Android tablet to test with... I have a smaller (9) tablet - a Nook HD+ with the N2ACards Android conversion card installed - and I do see the effect indicated when using Dolphin Browser, which is webkit-based. Checking against Chrome on a Windows 7 PC, I see the gradient background, but not the problem indicated. It appears to me that the issue might be that the rendering engine doesn't properly handle background: fixed in the Android implementation. On Tue, Jan 29, 2013 at 9:52 AM, Debbie Campbell d...@redkitecreative.comwrote: In my 10 Android tablet in landscape view, the CSS3 background gradient doesn't stretch to the bottom of the page, it only fills the browser window. If you have to scroll down, the background is white below the original window. Can someone point me in the right direction to fix it or suggest another way to handle it? http://www.redkitecreative.**com/projects/prsold/** construction-and-commercial/http://www.redkitecreative.com/projects/prsold/construction-and-commercial/ -- Debbie Campbell www.redkitecreative.com __**__**__ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/**mailman/listinfo/css-dhttp://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.**com/http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/**policies.htmlhttp://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_**support_evolt/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/ -- Jeff Zeitlin, Editor Freelance Traveller The Electronic Fan-Supported Traveller® Fanzine and Resource edi...@freelancetraveller.com http://www.freelancetraveller.com http://come.to/freelancetraveller http://freelancetraveller.downport.com/ ®Traveller is a registered trademark of Far Future Enterprises, 1977-2009. Use of the trademark in this notice and in the referenced materials is not intended to infringe or devalue the trademark. Freelance Traveller extends its thanks to the following enterprises for hosting services: CyberNET Web Hosting (http://www.cyberwebhosting.net) The Traveller Downport (http://www.downport.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] CSS linear gradient in Android tablet not extending to bottom of page
On 01/29/2013 07:52 AM, Debbie Campbell wrote: In my 10 Android tablet in landscape view, the CSS3 background gradient doesn't stretch to the bottom of the page, it only fills the browser window. If you have to scroll down, the background is white below the original window. Can someone point me in the right direction to fix it or suggest another way to handle it? http://www.redkitecreative.com/projects/prsold/construction-and-commercial/ Really strange. I am looking at the link on a 7 tab... I don't seem to be getting any gradient at all for the background. I can send a screenshot off-list if you want. -- Gautam Disclaimer The information contained in this communication is intended solely for the use of the individual or entity to whom it is addressed and others authorized to receive it. It may contain confidential or legally privileged information. If you are not the intended recipient you are hereby notified that any disclosure, copying, distribution or taking any action in reliance on the contents of this information is strictly prohibited and may be unlawful. If you have received this communication in error, please notify us immediately by responding to this email and then delete it from your system. The company is neither liable for the proper and complete transmission of the information contained in this communication nor for any delay in its receipt. __ 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] IE Browser Mode; IE Document Mode
I'd like some clarification on how !DOCTYPE and legacy modes affect the look of a web page in versions of IE. I work with many people so I am not in total control of how pages are coded. But I would like to know enough to bring up a discussion amongst my fellow workers so we can be consistent and present the best page possible. So I have a number of questions. Right now we use a tag on our pages that tells the page to render in IE7: meta http-equiv=X-UA-Compatible content=IE=7. In working on a new splash page all looked good in Firefox, Chrome, Safari but there were some strange things going on when I looked at it in IE8. I see that when I change the meta tag to display the page in IE8 instead of IE7 most of those issues go away. So with that in mind: If we change the meta tag to display in IE8 instead of IE7 what will people who are using IE7 see (what mode will our page be displayed in)? We no longer are supporting IE6 and below. Depending on the answer to this question, perhaps we should stop developing for IE7 as well. What's your opinion? Our doctype at the moment is: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; If we changed this to: !DOCTYPE html html How would this affect what IE7 and IE8 render our pages? I'm trying to understand if there is any reason we shouldn't start stipulating an HTML5 doctype and if forcing to render our pages in IE8 (and perhaps IE9 as well) would adversely affect those viewing our pages in IE7. Thanks. Jeff __ 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] CSS linear gradient in Android tablet not extending to bottom of page
I just looked at the site on my iPad and on my computer and have the following observations: o On my computer screen the gradient shows nicely. o On my iPad and on my iPhone, there is no background at all ... either in portrait or landscape mode. To my mind, this is exactly what it should be since the site is designed as responsive. (Actually, on the iPad, the background flashes for a fraction of a second before the page displays without it. The background flash is too short to be able to see whether it is a gradient or solid.) Unless you see something very different on the Android, my advice is to ignore the issue and know that you have created a very useful and clean looking site that displays well on all devices. Kudos! Gail Gail W. Issen http://www.xpertwebs.com http://www.xpertmarks.com Tel: 713-721-6868 Cell: 713-501-2302 Fax : 713-721-0145 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Freelance Traveller Sent: Tuesday, January 29, 2013 10:46 AM To: CSS-Discuss Subject: Re: [css-d] CSS linear gradient in Android tablet not extending to bottom of page On Tue, 29 Jan 2013 10:42:41 -0500, Tom Livingston tom...@gmail.com wrote: Out of curiosity, have you tested on an iPad and does it have the same issue? I don't have a 10 Android tablet to test with... I have a smaller (9) tablet - a Nook HD+ with the N2ACards Android conversion card installed - and I do see the effect indicated when using Dolphin Browser, which is webkit-based. Checking against Chrome on a Windows 7 PC, I see the gradient background, but not the problem indicated. It appears to me that the issue might be that the rendering engine doesn't properly handle background: fixed in the Android implementation. On Tue, Jan 29, 2013 at 9:52 AM, Debbie Campbell d...@redkitecreative.comwrote: In my 10 Android tablet in landscape view, the CSS3 background gradient doesn't stretch to the bottom of the page, it only fills the browser window. If you have to scroll down, the background is white below the original window. Can someone point me in the right direction to fix it or suggest another way to handle it? http://www.redkitecreative.**com/projects/prsold/** construction-and-commercial/http://www.redkitecreative.com/project s/prsold/construction-and-commercial/ -- Debbie Campbell www.redkitecreative.com __**__**_ _ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/**mailman/listinfo/css-dhttp://www.css-di scuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.**com/http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/**policies.htmlhttp://css-discuss.org/policie s.html Supported by evolt.org -- http://www.evolt.org/help_**support_evolt/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/ -- Jeff Zeitlin, Editor Freelance Traveller The Electronic Fan-Supported Traveller® Fanzine and Resource edi...@freelancetraveller.com http://www.freelancetraveller.com http://come.to/freelancetraveller http://freelancetraveller.downport.com/ ®Traveller is a registered trademark of Far Future Enterprises, 1977-2009. Use of the trademark in this notice and in the referenced materials is not intended to infringe or devalue the trademark. Freelance Traveller extends its thanks to the following enterprises for hosting services: CyberNET Web Hosting (http://www.cyberwebhosting.net) The Traveller Downport (http://www.downport.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/
[css-d] Test
Just running a test as I am new to the list and did not see my earlier message come through. __ 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] Form layout patterns
Hello all, Do any of you have a favorite form styling/structure pattern that you always use? I am particularly looking for a layout that has labels next to form fields as opposed to above them. Also, multiple fields on one line, like 'state' and 'zip' next to each other, with respective labels, all on one line. Every time I have to do a form I usually end up doing battle with some aspect of it. Getting the above mentioned scenario all on one line, having labels vertically centered on the height of the fields next to them, etc always seems to be a stumbling block for me. It never goes smoothly. I've tried several approaches, but each seems to have a downside. Off-list replies as necessary... -- 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] CSS linear gradient in Android tablet not extending to bottom of page
Le 29 janv. 2013 à 23:52, Debbie Campbell d...@redkitecreative.com a écrit :
In my 10 Android tablet in landscape view, the CSS3 background gradient
doesn't stretch to the bottom of the page, it only fills the browser window.
If you have to scroll down, the background is white below the original
window. Can someone point me in the right direction to fix it or suggest
another way to handle it?
http://www.redkitecreative.com/projects/prsold/construction-and-commercial/
I don't have any Android based tablet either to test.
On my iPad2, the teal based background is not visible at all (the #wrapper div
nicely fills the viewport, which is to be expected given the meta viewport
declaration). A quick test case using your code works just fine, however (the
iPad is running iOS 6.1, I also checked in the iOS simulator running iOS 5.1
and iOS 6.0).
That said, based on your description, I have the nagging feeling that your
device doesn't support 'background-attachment: fixed'. In that case, the
gradient will be as tall as the viewport (that is different from the document
height).
BTW does that happen with any browser on that device, or only with the default
browser ?
Workarounds:
1- remove the 'html, body {height: 100%}'
– side effect: the background-gradient will be as tall as the
document, not the viewport; probably not what you want.
OR
2- add a background-color declaration, matching the end-point of your gradient,
like this:
body {
background: #649697; /* remove this Old browsers */
background: -moz-linear-gradient(top, #649697 16%, #234646 100%); /*
FF3.6+ */
/* … snip … /
background: linear-gradient(to bottom, #649697 16%,#234646 100%); /*
W3C */
background-color: #234646; /* --- add this - old browsers +
fall back background-color */
background-attachment: fixed;
background-repeat: no-repeat;
}
PS - You can remove the -ms- prefixed gradient, IE 10 supports the un-prefixed
syntax just fine, and older versions of IE don't support CSS gradients.
Philippe - Less than impressed with the Google implementation of a browser on
Android.
--
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/
Re: [css-d] IE Browser Mode; IE Document Mode
Le 30 janv. 2013 à 02:22, Gates, Jeff gat...@si.edu a écrit : Right now we use a tag on our pages that tells the page to render in IE7: meta http-equiv=X-UA-Compatible content=IE=7. In working on a new splash page all looked good in Firefox, Chrome, Safari but there were some strange things going on when I looked at it in IE8. I see that when I change the meta tag to display the page in IE8 instead of IE7 most of those issues go away. So with that in mind: If we change the meta tag to display in IE8 instead of IE7 what will people who are using IE7 see (what mode will our page be displayed in)? We no longer are supporting IE6 and below. Depending on the answer to this question, perhaps we should stop developing for IE7 as well. What's your opinion? For _new_ documents, you should always push IE to display in the latest mode (that it supports): meta http-equiv=X-UA-Compatible content=IE=edge Then test in older versions and add some adjustments as needed (i.e.via conditional comments). If we changed this to: !DOCTYPE html html How would this affect what IE7 and IE8 render our pages? With the HTML5 doctype, IE 6 and up will all render in 'strict' mode, or their understanding of it…; there are some differences with what you use now (strict vs transitional). But as noted above, adjust for older browsers if needed. 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/
Re: [css-d] IE Browser Mode; IE Document Mode
Le 30 janv. 2013 à 02:22, Gates, Jeff gat...@si.edu a écrit : Right now we use a tag on our pages that tells the page to render in IE7: meta http-equiv=X-UA-Compatible content=IE=7. In working on a new splash page all looked good in Firefox, Chrome, Safari but there were some strange things going on when I looked at it in IE8. I see that when I change the meta tag to display the page in IE8 instead of IE7 most of those issues go away. So with that in mind: If we change the meta tag to display in IE8 instead of IE7 what will people who are using IE7 see (what mode will our page be displayed in)? We no longer are supporting IE6 and below. Depending on the answer to this question, perhaps we should stop developing for IE7 as well. What's your opinion? For _new_ documents, you should always push IE to display in the latest mode (that it supports): meta http-equiv=X-UA-Compatible content=IE=edge Then test in older versions and add some adjustments as needed (i.e.via conditional comments). If we changed this to: !DOCTYPE html html How would this affect what IE7 and IE8 render our pages? With the HTML5 doctype, IE 6 and up will all render in 'strict' mode, or their understanding of it…; there are some differences with what you use now (strict vs transitional). But as noted above, adjust for older browsers if needed. 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/
