اشکال در نمایش صحیح در گالری

[زینب فاطمی]

سلام
اینجا رو ببینید : http://basirat.hamiblog.ir/
توی مرورگر ie عکس های گالری شیفت به چپ پیدا کردن . ولی تو ff و کروم و سافاری درست نشون میده .و مشکل دوم اینه که توی مرورگر اپرا اصلا سی اس اس لود نمیشه . لطفا راهنمایی کنید .
کد css
body,td,th {
font-family: Tahoma;
font-size: 13px;
color: #11120f;

}
body {
background-image:#1f1f1f url(mytheme.ir_04.jpg); margin:0 0 0 0; font-family:Tahoma;
background-color: #00000;
}
h1 {
font-size: 38px;
color:#00000;
font-family: Times new roman;
padding-top:15px;
padding-right:120px;
}
h2 {
font-size: 13px;
color:#00000;
padding-right:140px;
}


a:link {
color: #00000;
text-decoration: none;
}
a:visited {
color: #00000;
text-decoration: none;
}
a:hover {
color: #00000;
text-decoration: none;
}
a:active {
color: #00000;
text-decoration: none;
}
a {
font-family: Tahoma;
}
#hd {
height:317px;
width:935px;
bgcolor:#00000;
}
#hd .t{
vertical-align:middle;
background-image:url(hd.jpg);
color: #000000;
}
#tbl {
height:130px;
width:949px;
bgcolor:#000000;
background-image:url(tbb1.gif);
}
#tbl .t{ vertical-align:top;}
#left{
width:170px;
border:1px;
margin-bottom:6px;
margin-left:2px;
}
#left .top{
height:25;
direction:rtl;
padding-right:5px;
border:0px;
color: #000000;
font-size: 12px;
border-bottom-width:1px;
border-top-left-radius:15px;
border-top-right-radius: 15px;
moz-border-radius-topright: 15px;
moz-border-radius-topleft: 15px;
webkit-border-top-right-radius: 15px;
webkit-border-top-left-radius: 15px;
background: -webkit-gradient(linear,left top,left bottom,color-stop(#678702 ),color-stop(#ffffff ));
background: -webkit-linear-gradient(top, #678702 , #ffffff );
background: -moz-linear-gradient(top, #678702 , #ffffff );
background: -o-linear-gradient(top, #678702 , #ffffff );
background: linear-gradient(top, #678702 , #ffffff );
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#678702', endColorstr='#ffffff',GradientType=0 )
}
#left .down{
height:50;
direction:rtl;
padding-right:5px;
padding-bottom:10px;
padding-top:5px;
border-top-width:0px;
border-bottom-left-radius:15px;
border-bottom-right-radius: 15px;
moz-border-radius-bottomright: 15px;
moz-border-radius-bottomleft: 15px;
webkit-border-bottom-right-radius: 15px;
webkit-border-bottom-left-radius: 15px;
background: -webkit-gradient(linear,left top,left bottom,color-stop(#ffffff,0),color-stop(#678702,1));
background: -webkit-linear-gradient(top, #ffffff 0%, #678702 100%);
background: -moz-linear-gradient(top, #ffffff 0%, #678702 100%);
background: -o-linear-gradient(top, #ffffff 0%, #678702 100%);
background: linear-gradient(top, #ffffff 0%, #678702 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#678702',GradientType=0 )
}
#center{
width:574px;
border:1px;
margin-bottom:6px;
margin-left:6px;

}
#center .top{
height:25;
border-bottom :5px dotted #0066CC;
direction:rtl;
padding-right:5px;
border:0px;
color: #000000;
border-top-left-radius:15px;
border-top-right-radius: 15px;
moz-border-radius-topright: 15px;
moz-border-radius-topleft: 15px;
webkit-border-top-right-radius: 15px;
webkit-border-top-left-radius: 15px;
background: -webkit-gradient(linear,left top,left bottom,color-stop(#a1a29d ),color-stop(#ffffff ));
background: -webkit-linear-gradient(top, #a1a29d , #ffffff );
background: -moz-linear-gradient(top, #a1a29d , #ffffff );
background: -o-linear-gradient(top, #a1a29d , #ffffff );
background: linear-gradient(top, #a1a29d , #ffffff );
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a29d', endColorstr='#ffffff',GradientType=0 )

}
#center .down{
color: #414141;
height:50;
direction:rtl;
padding-right:5px;
padding-bottom:10px;
padding-top:5px;
border-top-width:0px;
border-bottom-left-radius:15px;
border-bottom-right-radius: 15px;
moz-border-radius-bottomright: 15px;
moz-border-radius-bottomleft: 15px;
webkit-border-bottom-right-radius: 15px;
webkit-border-bottom-left-radius: 15px;
background: -webkit-gradient(linear,left top,left bottom,color-stop(#ffffff,0),color-stop(#dbdad6,1));
background: -webkit-linear-gradient(top, #ffffff 0%, #dbdad6 100%);
background: -moz-linear-gradient(top, #ffffff 0%, #dbdad6 100%);
background: -o-linear-gradient(top, #ffffff 0%, #dbdad6 100%);
background: linear-gradient(top, #ffffff 0%, #dbdad6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdad6',GradientType=0 )

}
#center .down2{
height:50;
direction:rtl;
padding-right:5px;
padding-bottom:10px;
padding-top:5px;
border-bottom-left-radius:15px;
border-bottom-right-radius: 15px;
moz-border-radius-bottomright: 15px;
moz-border-radius-bottomleft: 15px;
webkit-border-bottom-right-radius: 15px;
webkit-border-bottom-left-radius: 15px;
background: -webkit-gradient(linear,left top,left bottom,color-stop(#ffffff,0),color-stop(#982626,1));
background: -webkit-linear-gradient(top, #ffffff 0%, #982626 100%);
background: -moz-linear-gradient(top, #ffffff 0%, #982626 100%);
background: -o-linear-gradient(top, #ffffff 0%, #982626 100%);
background: linear-gradient(top, #ffffff 0%, #982626 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#982626',GradientType=0 )
}
#right{
width:170px;
border:1px;
margin-bottom:6px;
}

#right .top{
height:25;
border-bottom-width:0px;
border-top-left-radius:15px;
border-top-right-radius: 15px;
moz-border-radius-topright: 15px;
moz-border-radius-topleft: 15px;
webkit-border-top-right-radius: 15px;
webkit-border-top-left-radius: 15px;
direction:rtl;
padding-right:5px;
border:0px;
color: #000000;
background: -webkit-gradient(linear,left top,left bottom,color-stop(#678702 ),color-stop(#ffffff ));
background: -webkit-linear-gradient(top, #678702 , #ffffff );
background: -moz-linear-gradient(top, #678702 , #ffffff );
background: -o-linear-gradient(top, #678702 , #ffffff );
background: linear-gradient(top, #678702 , #ffffff );
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#678702', endColorstr='#ffffff',GradientType=0 )
}
#right .down{
height:50;
direction:rtl;
padding-right:5px;
padding-bottom:10px;
padding-top:5px;
border-top-width:0px;
border-bottom-left-radius:15px;
border-bottom-right-radius: 15px;
moz-border-radius-bottomright: 15px;
moz-border-radius-bottomleft: 15px;
webkit-border-bottom-right-radius: 15px;
webkit-border-bottom-left-radius: 15px;
background: -webkit-gradient(linear,left top,left bottom,color-stop(#ffffff,0),color-stop(#678702,1));
background: -webkit-linear-gradient(top, #ffffff 0%, #678702 100%);
background: -moz-linear-gradient(top, #ffffff 0%, #678702 100%);
background: -o-linear-gradient(top, #ffffff 0%, #678702 100%);
background: linear-gradient(top, #ffffff 0%, #678702 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#678702',GradientType=0 )
}
#bt {
vertical-align:middle;

color: #000000;
height:51px;
width:937px;
}

[سعید کشاورز]

من با opera تست کردم مشکلی نداشت

[زینب فاطمی]

ممنون ولی برای من لود نشد . مشکل شیفت به چپ عکس در گالری رو کسی نمیتونه حل کنه ؟

[khosro_68]

سلام .
ازاین ریست کد استفاده کن احتمالا درست میشه.
چون ie به طور پیش فرض فاصله میزاره.
/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

[زینب فاطمی]

سلام
ممنون تاثیر نداشت .

[khosro_68]

حلش کردم.
مشکل از کد table بود و یه ذره css هم باید اضافه کنید. برای حل شدن مشکلتون این قسمت از کد قالب وبلاگتون که میشه از خط 395 تا 423 رو پاک کنید. (این قسمت):


<center>
<table cellpadding="0px" cellspacing="0px" id="hd" >
<tr>

<td width="103" align="left"></td>
<td width="830" >
<!-- Slideshow Starts Here -->
<div class="mys" >
<div id="container">
<div id="content">
<div id="slider">
<ul>
<script type="text/javascript">
for (i=1;i<=number;i++)
{
document.write('<li><div class=imgs style="background:url('+mytheme_pic[i]+')" width=650 height=260><div class=texts><div class=texts2><a style="text-decoration:none;" href="'+mytheme_link[i]+'"><font class=text11>'+mytheme_titr[i]+'</font><br><font class=text12>'+mytheme_text[i]+'</font></a></div></div></div></li>');
};
</script>
</ul></div>
</div>
</div></div>
</div>
<!-- Slideshow Ends Here -->

</td>


</tr>
</table>

و به جای اون این کد رو جایگزین کنید:

<center>
<table cellpadding="0px" cellspacing="0px" id="hd" style="width:100%;">
<tr>

<td align="center">

<!-- Slideshow Starts Here -->
<div class="mys" style="float:none;" >
<div id="container">
<div id="content">
<div id="slider">
<ul>
<script type="text/javascript">
for (i = 1; i <= number; i++) {
document.write('<li><div class=imgs style="background:url(' + mytheme_pic[i] + ')" width=650 height=260><div class=texts><div class=texts2><a style="text-decoration:none;" href="' + mytheme_link[i] + '"><font class=text11>' + mytheme_titr[i] + '</font><br><font class=text12>' + mytheme_text[i] + '</font></a></div></div></div></li>');
};
</script>
</ul></div>
</div>
</div></div>
<!-- Slideshow Ends Here -->
</td>



</tr>
</table>
</center>

من روی ff 19و ie 8 تست کردم جواب داد.
امیدوارم مشکلتون حل شده باشه.

[زینب فاطمی]

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

[khosro_68]

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