Hello,
i use Some theme like WOODY theme and My language is Arabic
must to Right to left
from Opera firefox...i hav't problem but from IE have problem changed to left to right theme
how i can fix it
anyone can help me
Can I see the css of your container?
body {
color: #FFFFFF;
background: #333333 url(images/woody/body.jpg) top left repeat;
font-family: Tahoma, Arial, Verdana;
font-size: 14px;
text-align: center; /* IE 5 fix */
line-height: 1.4;
margin: 0;
}
a:link {
font-size:14px;
color: #FFFFFF;
}
a:visited {
color: #FFFFFF;
}
a:hover, a:active {
color: #FFFFFF;
text-decoration: none;
}
#container {
margin: auto auto;
padding: 45px 60px 80px 60px;
font-size: 14px;
text-align: right; /* IE 5 fix */
}
#content {
/* FIX: Make internet explorer wrap correctly */
width: auto !important;
}
.menu ul {
color: #FFFFFF;
padding: 0px;
white-space: nowrap;
font-weight: bold;
}
.menu ul a:link {
color: #FFFFFF;
text-decoration: none;
}
.menu ul a:visited {
color: #FFFFFF;
text-decoration: none;
}
.menu ul a:hover, .menu ul a:active {
color: #FFFFFF;
text-decoration: none;
}
#panel {
color: #FFFFFF;
font-size: 14px;
margin: 42px 0 20px 0;
}
table {
color: #FFFFFF;
font-family: Tahoma, Arial, Verdana;
font-size: 14px;
}
.tborder {
background: url(images/woody/white.png) repeat;
width: 100%;
margin: auto auto;
border: 1px solid #333333;
padding: 5px;
}
.thead {
color:#FFCC33;
font-size:17px;
font-weight:normal;
text-transform:uppercase;
margin:0;
padding:5px;
text-shadow: 1px 1px 1px #000;
}
.thead a:link, .thead a:visited {
color:#FFCC33;
font-size:17px;
font-weight: normal;
text-decoration:none;
}
.thead a:hover, .thead a:active {
color:#FFCC33;
font-weight: normal;
text-decoration:none;
}
.tcat {
color: #FF6600;
font-size: 14px;
padding:5px;
}
.tcat a:link, .tcat a:visited {
color: #FF6600;
text-decoration:underline;
}
.tcat a:hover, .tcat a:active {
color: #FF6600;
text-decoration: none;
}
.trow1, .trow2 {
color:#FFFFFF;
border-top:1px solid #333333;
padding:5px;
}
.trow1 a, .trow2 a {
text-decoration: none;
color: #A4EBFF;
}
.trow1 a:hover, .trow2 a:hover {
color: #FFFFFF;
}
.trow_shaded {
background: #ffdde0;
}
.trow_selected td {
background: #FFFBD9;
}
.trow_sep {
color: #FFF;
font-size: 14px;
font-weight: bold;
}
.tfoot {
color:#FFCC33;
font-size:16px;
font-weight:normal;
text-transform:uppercase;
margin:0;
padding:5px;
}
.tfoot a:link, .tfoot a:visited {
color: #FFCC33;
text-decoration: none;
font-size: 16px;
font-weight: normal;
}
.tfoot a:hover, .tfoot a:active {
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
}
.bottommenu {
background: #333333 url(images/woody/bottom.png) repeat-x;
color:#999999;
height: 300px;
font-size: 16px;
padding: 6px 6px 6px 30px;
}
.bottommenu a {
text-decoration: none;
}
.bottommenu a:hover {
text-decoration: none;
}
.navigation {
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
}
.navigation a:link {
text-decoration: none;
}
.navigation a:visited {
text-decoration: none;
}
.navigation a:hover, .navigation a:active {
text-decoration: none;
}
.active {
color: #000;
font-size: 22px;
font-weight: normal;
text-transform:uppercase;
text-shadow: 2px 2px 2px #333;
}
.smalltext {
font-size: 14px;
}
.largetext {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
}
input.textbox {
background: url(images/woody/black.png) repeat;
color: #FFFFFF;
border: 1px solid #FFFFFF;
padding: 1px;
}
input.textbox:hover, input.textbox:focus {
border: 1px solid #66FF00;
}
textarea {
background: url(images/woody/black.png) repeat;
color: #FFFFFF;
padding: 2px;
border: 1px solid #FFFFFF;
font-family: Tahoma, Arial, Verdana;
line-height: 1.4;
font-size: 13px;
}
textarea:hover, textarea:focus {
border: 1px solid #66FF00;
}
select {
background: url(images/woody/black.png) repeat;
color: #FFFFFF;
border: 1px solid #FFFFFF;
}
.editor {
background: url(images/woody/black.png) repeat;
color: #FFFFFF;
border: 1px solid #FFFFFF;
}
.editor_control_bar {
background: url(images/woody/black.png) repeat;
color: #FFFFFF;
border: 1px solid #FF6600;
}
.autocomplete {
background: #fff;
border: 1px solid #000;
color: black;
}
.autocomplete_selected {
background: #adcee7;
color: #FFFFFF;
}
.popup_menu {
border: 1px solid #FFFFFF;
}
.popup_menu .popup_item {
background: url(images/woody/black.png) repeat;
color: #FFFFFF;
padding: 18px;
}
.popup_menu .popup_item:hover {
background: url(images/woody/white.png) repeat;
color: #66FF00;
}
.trow_reputation_positive {
background: url(images/woody/green.png) repeat;
}
.trow_reputation_negative {
background: url(images/woody/red.png) repeat;
}
.reputation_positive {
color: #FFFFFF;
}
.reputation_neutral {
color: #FFFFFF;
}
.reputation_negative {
color: #FFFFFF;
}
.invalid_field {
border: 1px solid #f30;
color: #f30;
}
.valid_field {
border: 1px solid #0c0;
}
.validation_error {
background: url(images/invalid.gif) no-repeat center left;
color: #f30;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 14px;
padding-left: 22px;
}
.validation_success {
background: url(images/valid.gif) no-repeat center left;
color: #00b200;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 14px;
padding-left: 22px;
}
.validation_loading {
background: url(images/spinner.gif) no-repeat center left;
color: #555;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 14px;
padding-left: 22px;
}
/* Additional CSS (Master) */
img {
border: none;
}
.clear {
clear: both;
}
.hidden {
display: none;
float: none;
width: 1%;
}
.float_left {
float: left;
}
.float_right {
float: right;
}
.menu ul {
list-style: none;
margin: 0;
}
.menu li {
display: inline;
padding: 0 0 1px 0;
margin-left: 14px;
border-bottom: 2px solid #66CC00;
}
.bottommenu ul {
list-style: none;
}
.bottommenu li {
padding: 4px 0 4px 0;
white-space: nowrap;
}
#panel .links {
margin: 0;
float: right;
}
.expcolimage {
float: right;
width: auto;
vertical-align: middle;
margin-top: 3px;
}
img.attachment {
border: 1px solid #E9E5D7;
padding: 2px;
}
hr {
background: url(images/woody/hr.png) top left no-repeat;
border:0;
height: 47px;
}
#copyright {
margin: 0;
color: #FFFFFF;
background: #111111;
padding: 6px;
border-top: 2px solid #CCCCCC;
text-align: left;
}
#debug {
float: right;
text-align: right;
margin-top: 0;
}
blockquote {
background: url(images/woody/black.png) repeat;
border: 1px solid #333333;
padding: 6px;
}
blockquote cite {
font-weight: bold;
border-bottom: 1px solid #ccc;
font-style: normal;
display: block;
margin: 4px 0;
}
blockquote cite span {
float: right;
font-weight: normal;
}
.codeblock {
background: url(images/woody/black.png) repeat;
border: 1px solid #333333;
padding: 4px;
}
.codeblock .title {
border-bottom: 1px solid #CCCCCC;
margin: 4px 0;
}
.codeblock code {
overflow: auto;
height: auto;
max-height: 200px;
display: block;
font-family: Monaco, Consolas, Courier, monospace;
font-size: 14px;
border-left: 2px solid #66FF00;
padding: 4px 0 0 6px;
}
.subforumicon {
border: 0;
vertical-align: middle;
}
.separator {
margin: 5px;
padding: 0;
height: 0px;
font-size: 1px;
list-style-type: none;
}
form {
margin: 0;
padding: 0;
}
.popup_menu .popup_item_container {
margin: 1px;
text-align: left;
}
.popup_menu .popup_item {
display: block;
padding: 3px;
text-decoration: none;
white-space: nowrap;
}
.popup_menu a.popup_item:hover {
text-decoration: none;
}
.autocomplete {
text-align: left;
}
.subject_new {
font-weight: bold;
}
.highlight {
background: #FFFFCC;
padding: 3px;
}
.pm_alert {
background: #FFF6BF;
border: 1px solid #FFD324;
text-align: center;
padding: 5px 20px;
font-size: 14px;
}
.red_alert {
background: #FBE3E4;
border: 1px solid #A5161A;
color: #A5161A;
text-align: center;
padding: 5px 20px;
font-size: 14px;
}
.high_warning {
color: #CC0000;
}
.moderate_warning {
color: #F3611B;
}
.low_warning {
color: #AE5700;
}
div.error {
padding: 5px 10px;
border: 1px solid #FF3300;
background: url(images/woody/red.png) repeat;
}
div.error p {
margin: 0;
color: #FFFFFF;
font-weight: normal;
}
div.error p em {
font-style: normal;
font-weight: bold;
padding-left: 24px;
display: block;
color: #C00;
background: url(images/error.gif) no-repeat 0;
}
div.error.ul {
margin-left: 24px;
}
.online {
color: #15A018;
}
.offline {
color: #C7C7C7;
}
.pagination {
font-size: 14px;
padding-top: 10px;
margin-bottom: 5px;
}
.tfoot .pagination, .tcat .pagination {
padding-top: 0;
}
.pagination .pages {
font-weight: bold;
}
.pagination .pagination_current, .pagination a {
background: url(images/woody/black.png) repeat;
border: 1px solid #333333;
padding: 2px 6px;
margin-bottom: 3px;
text-decoration: none;
}
.pagination .pagination_current {
background: url(images/woody/white.png) repeat;
border: 1px solid #333333;
text-decoration: none;
font-weight: bold;
}
.pagination a:hover {
background: url(images/woody/white.png) repeat;
border: 1px solid #66CC00;
text-decoration: none;
}
.thread_legend, .thread_legend dd {
margin: 0;
padding: 0;
}
.thread_legend dd {
padding-bottom: 4px;
margin-right: 15px;
}
.thread_legend img {
margin-right: 4px;
vertical-align: bottom;
}
.forum_legend, .forum_legend dt, .forum_legend dd {
margin: 0;
padding: 0;
}
.forum_legend dd {
float: left;
margin-right: 10px;
}
.forum_legend dt {
margin-right: 10px;
float: left;
}
.success_message {
color: #00b200;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}
.error_message {
color: #C00;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}
.post_body {
padding: 5px;
}
.post_content {
padding: 5px 10px;
}
.quick_jump {
background: url(images/jump.gif) no-repeat 0;
width: 13px;
height: 13px;
padding-left: 13px; /* amount of padding needed for image to fully show */
vertical-align: middle;
border: none;
}
/*custom CSS class for the categorie headlines*/
.h2 {
color:#FFFFFF;
font-size:21px;
text-transform:uppercase;
padding-bottom:6px;
}
.h2 a:link, .h2 a:visited {
color:#FFFFFF;
font-size:22px;
font-size-adjust:6px;
text-decoration: none;
border-bottom: 2px solid #66FF00;
text-shadow: 2px 2px 2px #000;
}
.h2 a:hover, .h2 a:active {
color:#FFFFFF;
text-decoration: none;
text-shadow: 0px 0px 0px #666;
}
.bottomlinks a {
background: url(images/woody/bottomlink.png) no-repeat;
font-size: 16px;
padding-left: 24px;
color:#999999;
text-decoration: none;
}
.bottomlinks a:hover {
background: url(images/woody/bottomlink_hover.png) no-repeat;
color:#FFFFFF;
text-decoration: none;
}
#message {
background: url(images/woody/white.png) repeat;
}
.rss a {
background:none;
}
.rss a:hover {
background:none;
}
.h1 {
padding: 0px;
margin: 0px;
}
Hummm everything seems right. Have you tried clearing cache in ie? Is it happening in ie8 7 or 6?
Can you please post a link?