[css-writing-modes-3] 4 interactive DHTML demos on background-position, height and width of document root element and writing-modes

Hello,

Background-position, <html> dimensions and horizontal-tb writing-mode 
only
http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/BackgroundPosition-horizontal-tb-dhtml.html


Background-position, <html> dimensions and vertical-rl writing-mode only
http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/BackgroundPosition-vertical-rl-dhtml.html


Background-position, <html> dimensions and vertical-lr writing-mode only
http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/BackgroundPosition-vertical-lr-dhtml.html


Background-position, <html> dimensions and all 3 writing-modes
http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/BackgroundPosition-writing-modes-dhtml.html


When setting height and/or width to 100%, the document root element 
(<html> element) will generate a vertical and/or an horizontal scrollbar 
because of the blue border surrounding/wrapping around the document root 
element: such generation of scrollbar(s) is okay, is normal, is 
expectable. If you want to hide them, then dynamically set 'overflow' to 
'hidden' for <html> element.

Some browsers (Chrome 43.0.2342.2 and lower) have a bug with the 
rendering of background-position in some specific code scenarios: that's 
why I created those 4 demos.

I still haven't found the way to feature detect writing-mode property 
for webkit and Firefox in BackgroundPosition-writing-modes-dhtml.html 
demo; the changeWritingMode() function is not optimal as written.

Gérard
-- 
Test Format Guidelines
http://testthewebforward.org/docs/test-format-guidelines.html

Test Style Guidelines
http://testthewebforward.org/docs/test-style-guidelines.html

Test Templates
http://testthewebforward.org/docs/test-templates.html

CSS Naming Guidelines
http://testthewebforward.org/docs/css-naming.html

Test Review Checklist
http://testthewebforward.org/docs/review-checklist.html

CSS Metadata
http://testthewebforward.org/docs/css-metadata.html

Received on Thursday, 26 March 2015 23:11:59 UTC