שלום.
יש לי אתר שמשלב גם עברית וגם אנגלית.
קובץ הcss מיובא בהתאם לשפה שבחר המשתמש.
אם הוא בחר באנגלית, מיובא קובץ css שמתאים לכיתוב באנגלית. אותו דבר לגבי עברית.
הכל עובד כמו שצריך.
הבעיה היא בdiv מרחף שאני מנסה הציג.
אלה הגדרות הcss לdiv:

קוד:

  position: absolute;
 top: 50%;
 left: 50%;
 margin-top: -241px;
 margin-left: -360px;
 #margin-left: 0px;
 #margin-right: 360px;
 height:482px;
 width:720px;
 background-color:#934223;
 z-index:9;
 display: none; 

כמו שאתם רואים, הdiv מרחף מעל כל האלמנטים באתר, והוא חייב להיות באמצע האתר, בלי קשר לרזלוציה שבה גולש המשתמש.

כאשר העמוד כולו מוגדר מימין לשמאל(rtl) הdiv מוצג כמו שצריך באמצע והוא לא עושה בעיות.
ברגע שאני משנה את ההגדרות של העמוד למשמאל לימין(ltr) פתאום הdiv מופיע בצד ממש.. למרות שניסיתי להחליף את ההגדרות של הdiv במקום לפי left, שיתאים את הdiv לפי right אבל זה עדיין לא מסדר את הdiv לאמצע העמוד.
מישהו יודע למה זה קורה, או יודע איך פותרים את זה?
אני שובר על זה את הראש כבר יומיים וחצי.
כל עזרה תתקבל בברכה!
תודה ויומטוב!