[css-d] Page Scales when Browser Scrolls (IE Only)
Hi, could someone please tell me why this page http://www.thecreativesheep.ca/webdesignprojects/largeprojects/cs_site.html, grows when I scroll in IE ? Christopher __ 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] Page Scales when Browser Scrolls (IE Only)
Hi Christopher, What version of IE? In the title you reference scaling, in the message you say grows - can you be more specific about what happens? On Fri, Mar 7, 2014 at 12:12 PM, Crest Christopher crestchristop...@gmail.com wrote: Hi, could someone please tell me why this page http://www.thecreativesheep.ca/webdesignprojects/ largeprojects/cs_site.html, grows when I scroll in IE ? Christopher __ 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/ -- Chris Rockwell __ 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] can CSS3 make these shapes?
On 3/6/14, 6:54 PM, Philippe Wittenbergh wrote:
Le 7 mars 2014 à 11:23, John j...@coffeeonmars.com a écrit :
.is some kind of css required to show the png on those browsers that won't
handle the svg file? I guess something for IE?
But this reminds me - older Android (2.x and 3 iirc) also doesn't support SVG
at all, and tends to choke when parsing a CSS file that contains references
to SVG images. In this case, you're put of luck with CSS hackery. I use
Modernizr to detect SVG support, and then use the generated class to target
as needed.
Example
.nosvg E { background: url(image.png) no-repeat red; } /* — IE 9, old
android */
.svg E { background: url(image.svg) no-repeat red; } /* modern browsers, SVG
file */
You may like to add .no-js as well - just in case. :)
.no-js E,
.no-svg E { background: url(image.png) no-repeat red; }
Also, check out this article:
http://css-tricks.com/svg-fallbacks/
--
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] Page Scales when Browser Scrolls (IE Only)
Note that IE 9 won't play nice with your HTML5 sectional elements (header, nav, section, footer) without a polyfill (which you don't have in that page you linked). http://en.wikipedia.org/wiki/Polyfill http://modernizr.com/ (html5shiv) On Fri, Mar 7, 2014 at 11:12 AM, Crest Christopher crestchristop...@gmail.com wrote: Hi, could someone please tell me why this page http://www.thecreativesheep.ca/webdesignprojects/ largeprojects/cs_site.html, grows when I scroll in IE ? Christopher __ 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] Page Scales when Browser Scrolls (IE Only)
When you use the IE Scroll bar as you would to scroll a page, the page doesn't grow ? Assuming you mean the height of the page, no, it doesn't grow for me. You have the height of #capsule set in pixels. Unless you're viewing it in an old version of IE and its lack of support for elements like nav, section, etc. is messing with things; but that's not something I've ever experienced. __ 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] Page Scales when Browser Scrolls (IE Only)
Hey Christopher, you're not hitting reply all, so only I'm getting the
responses :)
The capsule div is not growing for me. Please add the following enter your
div id=capsule, at the very top of the div, right before div
id=capsuleb, and let me know if the height changes from the first value
that is set
script src=//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
/script
script
(function($) {
$(window).scroll(function() {
$('.pxValue').text($('#capsule').innerHeight());
})
})(jQuery);
/script
style
.pixels {
position: fixed;
top: 0;
background: red;
color: white;
padding: 1em;
}
/style
div class=pixelsHeight of #capsule is span
class=pxValue/span/div
On Fri, Mar 7, 2014 at 12:58 PM, Crest Christopher
crestchristop...@gmail.com wrote:
The capsule div is not growing when you simply scroll the page in IE10 as
you would when you scroll any page, that's odd, what am I experiencing ?
Chris Rockwell wrote:
When you use the IE Scroll bar as you would to scroll a page, the page
doesn't grow ?
Assuming you mean the height of the page, no, it doesn't grow for me.
You have the height of #capsule set in pixels.
Unless you're viewing it in an old version of IE and its lack of support
for elements like nav, section, etc. is messing with things; but that's not
something I've ever experienced.
--
Chris Rockwell
__
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] Page Scales when Browser Scrolls (IE Only)
Sorry about not using the correct reply :)
I updated the page here
http://www.thecreativesheep.ca/webdesignprojects/largeprojects/cs_site.html.
Chris Rockwell wrote:
Hey Christopher, you're not hitting reply all, so only I'm getting the
responses :)
The capsule div is not growing for me. Please add the following enter
your div id=capsule, at the very top of the div, right before div
id=capsuleb, and let me know if the height changes from the first
value that is set
script
src=//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js/script
script
(function($) {
$(window).scroll(function() {
$('.pxValue').text($('#capsule').innerHeight());
})
})(jQuery);
/script
style
.pixels {
position: fixed;
top: 0;
background: red;
color: white;
padding: 1em;
}
/style
div class=pixelsHeight of #capsule is span
class=pxValue/span/div
On Fri, Mar 7, 2014 at 12:58 PM, Crest Christopher
crestchristop...@gmail.com mailto:crestchristop...@gmail.com wrote:
The capsule div is not growing when you simply scroll the page in
IE10 as you would when you scroll any page, that's odd, what am I
experiencing ?
Chris Rockwell wrote:
When you use the IE Scroll bar as you would to scroll a page,
the page doesn't grow ?
Assuming you mean the height of the page, no, it doesn't grow for
me. You have the height of #capsule set in pixels.
Unless you're viewing it in an old version of IE and its lack of
support for elements like nav, section, etc. is messing with
things; but that's not something I've ever experienced.
--
Chris Rockwell
__
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] Page Scales when Browser Scrolls (IE Only)
and let me know if the height changes from the first value that is set
It doesn't help for me to look at it, I need to know if, on your end, that
value changes. And, if so, what it is changing to.
Also, add `z-index: 1` to .pixels {}
On Fri, Mar 7, 2014 at 1:36 PM, Crest Christopher
crestchristop...@gmail.com wrote:
Sorry about not using the correct reply :)
I updated the page
herehttp://www.thecreativesheep.ca/webdesignprojects/largeprojects/cs_site.html
.
Chris Rockwell wrote:
Hey Christopher, you're not hitting reply all, so only I'm getting the
responses :)
The capsule div is not growing for me. Please add the following enter
your div id=capsule, at the very top of the div, right before div
id=capsuleb, and let me know if the height changes from the first value
that is set
script src=//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
/script
script
(function($) {
$(window).scroll(function() {
$('.pxValue').text($('#capsule').innerHeight());
})
})(jQuery);
/script
style
.pixels {
position: fixed;
top: 0;
background: red;
color: white;
padding: 1em;
}
/style
div class=pixelsHeight of #capsule is span
class=pxValue/span/div
On Fri, Mar 7, 2014 at 12:58 PM, Crest Christopher
crestchristop...@gmail.com wrote:
The capsule div is not growing when you simply scroll the page in IE10 as
you would when you scroll any page, that's odd, what am I experiencing ?
Chris Rockwell wrote:
When you use the IE Scroll bar as you would to scroll a page, the page
doesn't grow ?
Assuming you mean the height of the page, no, it doesn't grow for me.
You have the height of #capsule set in pixels.
Unless you're viewing it in an old version of IE and its lack of support
for elements like nav, section, etc. is messing with things; but that's not
something I've ever experienced.
--
Chris Rockwell
--
Chris Rockwell
__
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/
