Forum Moderators: not2easy
<html dir="rtl">
<head>
<style type="text/css">
body {
margin: 0;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAvgAAAACAgMAAABQ2kAmAAA
AAXNSR0IArs4c6QAAAAlQTFRF5ev/9Pb/////KIKAcgAAAAFiS0dEAIgFHUgAAAAJcEhZc
wAACxMAAAsTAQCanBgAAAAHdElNRQfcCQIMFSrrJQqoAAAAFUlEQVQY02PgWjU4wQoGokD
UkHY+ACqhykF2Ey1yAAAAAElFTkSuQmCC);
background-position: top right;
background-repeat: repeat-y;
}
#contents {
width: 900px;
}
</style>
</head>
<body>
<div id="contents">Contents</div>
</body>
</html>[edited by: alt131 at 9:12 pm (utc) on Sep 4, 2012]
[edit reason] Thread Tidy - Side Scroll [/edit]
Out of curiosity... what happens if you don't change the background-position directive? I wouldn't be surprised to find webkit isn't really getting it wrong: all the other browsers are. See, you've told it to flip the directionality of all right/left elements. So if you say that something is to be positioned right, and then add a <dir = "rtl"> layer, then it stands to reason that your right-aligned element should instead be left-aligned.
body[dir=ltr] {one version of your background here}
body[dir=rtl] {other version of your background here}
[edited by: alt131 at 11:25 am (utc) on Sep 9, 2012]
[edit reason] Thread Tidy [/edit]
[edited by: alt131 at 8:39 pm (utc) on Sep 9, 2012]
[edit reason] Thread Tidy [/edit]
This is incorrect. Setting dir="rtl" only tells browsers that text will be read right-to-left instead of left-to-right.
[edited by: alt131 at 10:36 am (utc) on Sep 10, 2012]
[edit reason] Thread Tidy [/edit]
Again, have you tested the document with borders/outlines around the elements to confirm where the elements are being drawn
and have you inspected the document and confirmed there is absolutely no difference in the reported rendering between browsers?
Finally, have you searched for information about incorrect scroll behaviour?
[edited by: alt131 at 1:35 pm (utc) on Sep 15, 2012]
[edit reason] Thread Tidy [/edit]
