PDA

View Full Version : مشکل در نمایش background در مرورگر Firefox



imanasp
چهارشنبه 16 تیر 1389, 21:57 عصر
سلام من میخام یک برش از عکس رو به عنوان background صفحه نمایش بدم در IE مشکل نیست ولی توی FireFox مشکل داره و کامل نشون نمیده:ناراحت:

عکس رو ضمیمه می کنم

اولی در IE و دومی در FireFox کدی رو هم که نوشتم:
background-image:url('Images/back_right.jpg');

صابر طهماسبی
چهارشنبه 16 تیر 1389, 22:32 عصر
اگر ممکنه کد html خود را بذارید شاید بتوان خدمتی کرد:لبخندساده:

imanasp
پنج شنبه 17 تیر 1389, 08:04 صبح
اگر ممکنه کد html خود را بذارید شاید بتوان خدمتی کرد:لبخندساده:


<body>
<form id="form1" runat="server">
<div id="main">
<div id="container" style="background-image:url('Images/back_right.jpg');" >
<div id="header">
<img alt="سایت راهنمای تحصیلی دانشجو" src="IMG/Home.jpg" dir="ltr" />
</div>



<div id="marque">
<marquee direction="right" scrollamount="4" scrolldelay="25" onmouseover="this.stop();" onmouseout="this.start();">
<asp:Label ID="lblWelcome" runat="server" ForeColor="#0033CC"></asp:Label></marquee>
</div>

<div id="slidebar">
<div id="links">

<uc4:Links ID="Link1" runat="server" />

</div>

</div>
<div id="content" style="float:right; width:53em; margin:1em; padding:1em; text-align:center; direction:rtl;">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>
</div>

</div>
<div id="footer" style="float:right;">
<asp:Label ID="lblContact" runat="server" Text="@Copyright 2009-2010 HelpStudy.ir All Right Reserved"
ForeColor="White"></asp:Label>
</div>
</div>
</form>

</body>واین هم فایل CSS:


body
{
margin: 0 auto;
padding: 0 auto;
font: normal 0.7em/1.4em Tahoma, Verdana, Arial, Georgia, sans-serif;
background: transparent url(images/back_All.jpg) fixed;
text-align: center;
left:auto;
right:auto;
}

C#‎ontainer {

margin: 0px auto;
padding:0;
width: 900px;
border: none;
text-align: right;

#slidebar
{
float:right;
width:12em;
margin:1em 5em 0 0;
}

C#‎ontent,footer
{
float:right;
width:64em;

}
C#‎ontent.newuniversity,content.newsubject,p,bac kground
{
float:right;
margin:0;
}
img
{
border: none;
}

صابر طهماسبی
پنج شنبه 17 تیر 1389, 08:42 صبح
با عرض پوزش متوجه دلیلش نشدم!:خجالت:

imanasp
پنج شنبه 17 تیر 1389, 08:52 صبح
اگه background تمام div ها رو تنظیم کنم:


background-image:url('Images/back_right.jpg');

در تمامی مرورگرها به درستی نشون داده میشه ولی به نظر شما اینطور کد نوشتن بهینه است؟؟!

صابر طهماسبی
شنبه 19 تیر 1389, 19:56 عصر
می توانید برای بهینه شدن کد از ویژگی وراثت(چند کلای برای یک عنصر) CSS استفاده کنید