hello!
i have div in my page that i was writing inside in hebrew and it was written ltr and i want to write rtl so i put class to write like i want include rtl but it not look good in explorer just in chrome what to do?
sending the code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255" />
<title>Untitled Document</title>
<style type="text/css">
object *{
padding:0;
margin:0;
}
#container {
position: relative;
width: 960px;
z-index: 1;
border: thick solid #000;
margin-right: auto;
margin-left: auto;
height: 1200px;
}
#header {
position: relative;
width: 958px;
height: 146px;
z-index: 2;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
border-bottom-style: solid;
border-bottom-width: medium;
border-bottom-color: #ac1c33;
margin-right: auto;
margin-left: auto;
left: 0px;
top: 0px;
background-image: url(images/html-images/canstockphoto178167596_comp.jpg);
}
#tab {
position: relative;
width: 960px;
height: 54px;
z-index: 4;
background-color: #57010c;
border-bottom-width: thin;
border-bottom-style: solid;
}
#apDiv1 {
position: relative;
width: 960px;
z-index: 5;
background-image: url(images/html-images/canstockphoto17816756009_comp.jpg);
background-repeat: repeat;
margin: 0px;
height: 897px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#apDiv2 {
position: relative;
width: 960px;
height: 98px;
z-index: 6;
background-image: url(images/html-images/canstockphoto178167567_comp.jpg);
background-repeat: repeat;
float: right;
}
.sign {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bolder;
color: #690917;
direction: rtl;
text-align: center;
white-space: nowrap;
}
.outside {
border: medium double #000;
}
.highlight {
background-color: #FFF;
direction: rtl;
border: thin solid #000;
font-size: 16px;
padding: 1px;
-webkit-transition: all;
-moz-transition: all;
-ms-transition: all;
-o-transition: all;
transition: all;
vertical-align: middle;
display: inline-block;
margin: 2px 0;
white-space: nowrap;
}
#apDiv4 {
position: relative;
width: 120px;
height: 180px;
z-index: 1;
float: right;
}
table.main-table {
border-spacing:4px 0;
}
table.main-table table {
border-spacing:4px 0;
}
#apDiv10 {
width: 140px;
height: 200px;
z-index: 2;
float: right;
border: medium inset #CCC;
margin-top: 200px;
margin-right: 20px;
clear: right;
position: static;
background-color: #FFF;
}
.heb {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #000;
direction: rtl;
}
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
<body onload="MM_preloadImages('images/html-images/home-4.jpg','images/html-images/about-4.jpg','images/html-images/galleries-3.jpg','images/html-images/contect-4.jpg')">
<a name="top" id="top"></a>
<div id="container">
<div id="header"></div>
<div id="tab">
<table width="940" border="0" cellpadding="0" cellspacing="1" style="border-bottom:2px solid black">
<tr>
<td height="52" scope="col"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contect','','images/html-images/contect-4.jpg',1)"><img src="images/html-images/contect-3.jpg" width="235" height="52" id="contect" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('galleries','','images/html-images/galleries-3.jpg',1)"><img src="images/html-images/galleries-4.jpg" width="235" height="52" id="galleries" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/html-images/about-4.jpg',1)"><img src="images/html-images/about-3.jpg" width="235" height="52" id="about" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/html-images/home-4.jpg',1)"><img src="images/html-images/home-3.jpg" width="235" height="52" id="home" /></a></td>
</tr>
</table>
<table width="940" border="0" cellpadding="0" cellspacing="1">
</table>
</div>
<div id="apDiv1">
<div id="apDiv4"><table width="120" height="180" border="1">
<tr>
<td width="162" height="20" class="sign">באנר דגים</td>
</tr>
<tr>
<td height="20" class="sign">מסכה love</td>
</tr>
<tr>
<td height="20" class="sign">באנר מוזיקה</td>
</tr>
<tr>
<td height="20" class="sign">מתופפים</td>
</tr>
<tr>
<td height="20" class="sign">אייקון</td>
</tr>
</table></div>
<div class="heb" id="apDiv10">לפניכם מבחר עבודות בפלאש שיצרתי בנושאים שונים כגון: באנרים, מסכה ואיקון מקווה שתהנו צפייה נעימה</div>
<table class="main-table" width="765" height="876" border="0" cellpadding="0" cellspacing="0">
<tr>
<th width="760" height="84" class="outside" scope="col"><object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="760" height="84">
<param name="movie" value="flash work/musicb.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/musicb.swf" width="760" height="84">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></th>
</tr>
<tr>
<td height="25" align="center" class="sign"><span class="highlight">באנר מוסיקה</span></td>
</tr>
<tr>
<td style="vertical-align:top" td width="760" height="759"><table width="768" height="759" border="0" cellpadding="0" cellspacing="0">
<tr align="left">
<td width="551" height="280" align="center" class="outside"><object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="551" height="280">
<param name="movie" value="flash work/fishb.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/fishb.swf" width="551" height="280">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
<td width="189" height="280" align="center" class="outside"><object id="FlashID3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="280">
<param name="movie" value="flash work/lovem.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/lovem.swf" width="189" height="280">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
</tr>
<tr>
<td height="25" align="center" class="sign"><span class="highlight">באנר דגים</span></td>
<td height="25" align="center" class="sign" ><span class="highlight">מסכה love</span></td>
</tr>
<tr>
<td width="559" height="394" align="center" class="outside"><object id="FlashID4" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="551" height="394">
<param name="movie" value="flash work/Drummers.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/Drummers.swf" width="551" height="394">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
<td width="189" height="394" align="center" class="outside"><object id="FlashID5" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="394">
<param name="movie" value="flash work/icon1.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/icon1.swf" width="189" height="394">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
</tr>
<tr>
<td height="25" align="center" class="sign" ><span class="highlight">מתופפים</span></td>
<td height="25" align="center" class="sign" ><span class="highlight">אייקון</span></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id="apDiv3"></div>
<div id="apDiv2"></div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID2");
swfobject.registerObject("FlashID3");
swfobject.registerObject("FlashID4");
swfobject.registerObject("FlashID5");
</script>
</body>
</html>
in explorer
thanks galia