مشکل با قالب سایت در آی ای

[Romain_Gary]

سلام من با قالب سایتم توی آی ای مشکل دارم

خودتون ببینید : http://www.electorcom.com/download


اون قسمت سمت راست که لینکها و بقیه چیز ها توش قرار داره رفته پایین ... توی فایر فاکس درسته ولی توی آی ای اینطوریه ... چی کار باید بکنم ..

اینم سی اس اس سایت ...

body {background:#2E4452 url('images/bg.jpg');
color:#583912;
font-family:tahoma;
font-size:11px;
padding:0px;
margin:0px;
line-height:14px;
text-align:center;}


.wrapper {width:100%; height:100%; background:url('images/top_bg.jpg') repeat-x top; }

.wrap {margin:0px 0px 0px 0px;
width:737px;
height:100%;
display:table;
}

.content_bg {
width:737px;
vertical-align:top;
background:url('images/bbg.jpg') repeat-y left top;
}

.table {
width:737px;
height:100%;
display:table;

}

.table_row {
width:737px;
height:100%;
display:table-row;

}

div {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px }
.menu {font-family:tahoma; font-size:13px; line-height:13px; color:#1E3747; text-decoration:none; font-weight:bold}
.menu a {text-decoration:underline; color:#1E3747}
.menu a:hover {text-decoration:none; color:#1E3747}

.left {width:501px; height:100%; vertical-align:top; display:table-cell;text-align:right;direction:rtl;padding:0px;margin-right:3px;}
.right {width:236px; height:100%; display:table-cell; vertical-align:top}

*html .left {float:left;}
*html .right {float:right;display:block;vertical-align:top;}

.tittle_right {width:166px; height:29px; background:url('images/tittle_right.gif') no-repeat top left; font-weight:bold; margin-left:16px; margin-right:0px; margin-top:16px; margin-bottom:0px}
.tittle_cont {width:426px; height:44px; background:url('images/left_tittle.gif') no-repeat right bottom; color:#583912; margin-bottom:10px; margin-left:61px; display:table}

.content {
width:737px;
height:100%;
vertical-align:top;

background:url('images/main.jpg') no-repeat left top;
}

.header {background:url('images/header.jpg') no-repeat top left;
width:737px;
height:193px;
vertical-align:top;
color:#1E3747}

.footer {background:url('images/footer.jpg') no-repeat left top;
width:737px;
height:111px;
vertical-align:top;
color:#FFFFFF
}

.input {font-family:tahoma; font-size:12px; color:#000000; background:#ffffff; border:1px solid #000000; width:111px; height:20px}
.page_item, .cats li {background:url('images/arr.gif') no-repeat left top; color:#583912; margin-left:35px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:15px; padding-right:0px; padding-top:0px; padding-bottom:0px}
ul {list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; line-height:15px}
.li {background:url('images/arr.gif') no-repeat left top; color:#583912; margin-left:35px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:15px; padding-right:0px; padding-top:0px; padding-bottom:0px}
.li a {text-decoration:underline; color:#583912}
.li a:hover {text-decoration:none;}

.comments {width:392px; height:24px; background:url('images/block_but.gif') no-repeat left top; margin-left:83px;margin-right:23px;}
.comments a {color:#ffffff; text-decoration:underline}
.comments a:hover {text-decoration:none}

.copy {color:#ffffff; text-decoration:none; font-family:tahoma; font-size:11px}
.copy a {color:#ffffff; text-decoration:underline}
.copy a:hover {text-decoration:none}

.white {color:#ffffff; text-decoration:none}

.abs {vertical-align:middle; border:0px}

h1 {font-size:13px; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#583912}
h2 {font-size:13px; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#395E76}
h3 {font-size:12px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#583912; text-transform:uppercase; font-family:arial; font-weight:bold; line-height:33px}

a {color:#583912; text-decoration:underline}

form {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
.pagetitle {
padding:0px 10px 0px 90px}
a:hover{text-decoration:none;}

 

[Romain_Gary]

*html .right {float:right;display:block;vertical-align:top;}

این مال اون قسمت سمت راست هست

در ضمن vertical-align:top; رو الان اضافه کرده بودم ولی درست نشد ...

 

[Romain_Gary]

.left {width:501px; height:100%; vertical-align:top; display:table-cell;text-align:right;direction:rtl;padding:0px;margin-right:3px;}
.right {width:236px; height:100%; display:table-cell; vertical-align:top}

*html .left {float:left;}
*html .right {float:right;}

این چند خط مربوط به طر ز قرار گرفتن اونهاست

 

[Romain_Gary]

کسی نبود یه کمکی به من بکنه ؟

 

[cssdesign]

http://forum.majidonline.com/showthread.php?t=56018&page=2
سایت رو می تونی سفارشی برای IE و دیگر مرور گر ها طراحی کنی.
موفق باشی

 

[Romain_Gary]

http://forum.majidonline.com/showthread.php?t=56018&page=2
سایت رو می تونی سفارشی برای IE و دیگر مرور گر ها طراحی کنی.
موفق باشی

ممنون ، دارم میخونمش ، امیدوارم که حل بشه