ورود

View Full Version : مشکل تکرار نشدن عکس بک گراند


neda555
چهارشنبه 18 مرداد 1391, 20:52 عصر
سلام
چرا من وقتی ارتفاع را min-height میزارم عکس بگ گراند وقتی از مقدار min-height گذشت دیگه تکرار نمیشه!؟
≡ ALEX ≡
چهارشنبه 18 مرداد 1391, 22:36 عصر
همانطور که می دانید، خاصیت min-height حداقل عرض یک عنصر را تعیین می کند و از طرف دیگر خاصیت background، تصویر پس زمینه آن را. در نتیجه بدیهی است که این تصویر تنها پس زمینه عنصر مربوطه را پر کند نه بقیه عناصر صفحه. اگر می خواهید background را در سطح بیشتری از صفحه نمایش دهید باید این خاصیت را به تگی اختصاص دهید که در سطح بالاتری قرار گرفته و تمام منطقه مورد نظر را تحت پوشش خود دارد.
neda555
چهارشنبه 18 مرداد 1391, 23:06 عصر
سلام ممنون از پاسختون من یه div دارم که داخلش یه div دیگس div داخلی باید min-height داشته باشه پس با این حساب div کلی که بک گراندش تکرار میشه باید برای ارتفاعش چه کرد؟
Mohsen.
چهارشنبه 18 مرداد 1391, 23:19 عصر
دوست عزیز. امیدوارم منظورتونو فهمیده باشم. اما این کد رو ببینید:


<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
#back{
width:200px;
float:right;
min-height:1px;
overflow: hidden;
background:url(feed.png);

}
</style>
</head>
<body>
<div id="back">
<br />
<br />
<br />
</div>
</body>
</html>

در اینجا با اینکه min-height یک پیکسل تنظیم شده اما وقتی ارتفاع بیشتر از یک پیکسل میشه باز هم بکگراند تکرار میشه. این خاصیت زمانی که float رو بردارید هم قابل استفاده است.
neda555
چهارشنبه 18 مرداد 1391, 23:34 عصر
ببخشید بهتر بود از اول کدم را میزاشتم:
#middle
{
width:996px;
min-height:400px;
background-image: url('/kanoon ghalamchi/SiteImg/bgvasat.gif');
background-repeat:repeat-y;
}

#CenterBox0
{
width:498px;
min-height:400px;
float:left;

}


<div id="middle">
<div id="LeftBox"></div>


<div id="CenterBox0">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>

</div>

<div id="RightBox"></div>

</div>

حالا وقتی مثلا چیزی که داخل ContentPlaceHolder در صفحه ای که از روی مستر پیج زده شده بیشتر از ارتفاع 400px بشه دیگه تصویر bgvasat تکرار نمیشه
≡ ALEX ≡
چهارشنبه 18 مرداد 1391, 23:50 عصر
میشه بپرسم ابعاد تصویر تون چقدر هست؟!
Mohsen.
چهارشنبه 18 مرداد 1391, 23:50 عصر
من این کد رو نوشتم درست کار کرد. ضمیمه کردم.
البته من asp تخصص ندارم. شاید شما درون ContentPlaceHolder چیز دیگه ای میزارید:متفکر:
neda555
پنج شنبه 19 مرداد 1391, 00:12 صبح
ابعاد تصویر طول 996 و عرض 30 هست.

در ContentPlaceHolder هیچی نیست فعلا دقیقا همین کدی که گذاشتم !
عجیبه نمیدونم مشکل از کجاست!همه چیز درسته

خیلی ممنون از وقتی که گذاشتید....
neda555
پنج شنبه 19 مرداد 1391, 00:21 صبح
اها مشکل از leftbox و rightbox هست ولی چرا؟نباید بهشون min-height میدادم؟
#LeftBox
{
width:248px;
min-height:400px;
float:left
}
#RightBox
{
width:248px;
min-height:400px;
float:left
}
≡ ALEX ≡
پنج شنبه 19 مرداد 1391, 08:53 صبح
فایل رو بطور کامل برای من در پیغام خصوصی بفرستید تا بررسی کنم و پس از برطرف کردن مشکل براتون توضیح بدهم.
neda555
پنج شنبه 19 مرداد 1391, 11:17 صبح
دقیقا همون چیزی که آقای Mohsen (http://barnamenevis.org/member.php?178392-Mohsen.) زحمت کشیدن فایلشو گذاشتن فقط دو استایل بالا را بهش اضافه کنید
≡ ALEX ≡
پنج شنبه 19 مرداد 1391, 18:26 عصر
خوب مشکلاتی که وجود داشت عبارتند از:

1. عدم تعریف درست float در سه تگ میانی
2. عدم تعریف طول (width) مناسب جهت تگ بیرونی و تگ های درونی
3. عدم clear کردن در انتهای تگ اصلی

در مورد موضوع تاپیک مورد 3 ام مد نظر است. مشکل زمانی آغاز می شود که عناصر شناور درون یک container قرار داشته و این عناصر بصورت خودکار تگ container را وادار به مطابقت با عرض عناصر شناور نمی نمایند. این بدین جهت است که وقتی تگی به حالت شناور در می آید دیگر به تگ والد خود تعلق نداشته و از آن خارج می گردد.

من فایل اصلاح شده رو براتون ضمیمه کردم ضمن اینکه یکسری ویژگی بصری جهت دیده شدن نتیجه کار به آن اضافه کرده ام که در صورت نیاز میتونید حذف نموده و width ها رو نیز به همراه آن اصلاح نمایید.