Right to Left Problem on Safari

On PHP Maker we used the following custom CSS to make the code go from RTL in order to support Hebrew. However the problem is that on MAC SAFARI ONLY the scroll bars do not show up for the window and thus the user cannot scroll left and right to show the whole database. What needs to be changed?
body {

    background-color: #FFFFF0; /* background color */

    color: inherit; /* text color */

    font-family: Arial; /* font name */

    font-size: 12px; /* font size */

    margin: 0; /* top right bottom left */

    height: 100%;

direction:rtl

}

Open in new window

Starquest321Asked:
Who is Participating?
 
CCSOFlagConnect With a Mentor Commented:
Like this:
body {
background-color: #FFFFF0; /* background color */
color: inherit; /* text color */
font-family: Arial; /* font name */
font-size: 12px; /* font size */
margin: 0; /* top right bottom left */
height: 100%;
direction:rtl
overflow: scroll;
}

0
 
CCSOFlagCommented:
try adding this to your body css

overflow: scroll;
0
 
Starquest321Author Commented:
Which line?
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
CCSOFlagCommented:
overflow: scroll;

just add that in the body section of your css.  doesn't matter where.
0
 
HagayMandelConnect With a Mentor Commented:
Generally, use the HTML tag for Hebrew pages:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="he" lang="he" dir="rtl">
Or any variant.
This way the page is rendered correctly and no CSS 'tweaks' are required.
Works in all browsers.
0
 
Starquest321Author Commented:
Thanks!
0
 
Starquest321Author Commented:
Can I put that in the CSS?

Like this:
body {
background-color: #FFFFF0; /* background color */
color: inherit; /* text color */
font-family: Arial; /* font name */
font-size: 12px; /* font size */
margin: 0; /* top right bottom left */
height: 100%;
direction:rtl
overflow: scroll;
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="he" lang="he" dir="rtl";

}
0
 
CCSOFlagCommented:
no the html info goes in your html tag on your main page.  thanks for the points.
0
All Courses

From novice to tech pro — start learning today.