Printable View
سلام
من یه سوال داشتم که ممنون می شم راهنمایی کنید
من تو صفحه ی اصلی دو تا div دارم یکی سمت راست یکی هم چپ و اطلاعات اصلیم رو در div سمت راست می ریزم حالا می خوام وقتی ارتفاع div سمت راست زیاد می شه ارتفاع divچپ هم زیاد باشه در واقع ارتفاعشون مساوی بشه ؟
ببین این کارتو راه میندازه:
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<div style="float:right; width:200px; border:solid">
<div style="float:right; border:dotted; width:100px">Hello World<p>Freedom Is The</p><p>Right</p></div>
</div>
</body>
</html>
[/html]
سلام ممنون کدی که شما گذاشتید رو دیدم خوب شما که هیچ property به divاضافه نکردیدجز float ,width&borderکه فکر نمی کنم تاثیری روی ارتفاع داشته باشه اما کدی که شما گذاشتید کاملا درست کار می کنه اما div های من اندازه ی ثابتی دارن و نمی دونم چرا اینم کد divها
کد:.div_blog_left{
float:left;
width:150px;
background-image:url(../image/blog_left.png);
height:500px;
}
.div_blog_right{
float:left;
width:650px;
background-image:url(../image/back.png);
height:500px;
}
دوست عزیزمون Zibatarin Nam کاری که کردن اینه که یکی از DIV ها رو داخل اون یکی گذاشتن. بنظر من شاید این کار به ظاهر جواب بده ولی منطقا کار درستی نیست. یعنی در واقع شما دو تا DIV مستقل از هم ندارین در حالیکه که صورت مساله میگه که دو تا DIV جدا باید باشن. برای این کار هم راهی فعلا وجود نداره که با CSS بشه درش آورد چون مقداری بعنوان height: 100% بدون داشتن یه DIV والد با ارتفاع ثابت نمیشه داشت.
فعلا تنها راه رسیدنش استفاده از جاوااسکریپته. اسکریپتش هم قبلا گذاشته شده اگه جستجو کنین هست.
موفق باشین
همونطور که جناب peyman1987 زحمت کشیدن توضیح دادن شما با Css نمیتونید یه همچین کاری کنید مگر اینکه از DIV های تو در تو استفاده کنید و اگر میخواهید از دو DIV مستقل از هم استفاده کنید باید از جاوااسکریپت استفاده کنید.
این کدی که من قرار دادم بیشتر برای زمانی استفاده میشه که شما بخواید یه عکس را همراه با کش اومدن DIV تکرار کنید.
بلهنقل قول:
شما که هیچ property به divاضافه نکردیدجز float ,width&borderکه فکر نمی کنم تاثیری روی ارتفاع داشته باشه اما کدی که شما گذاشتید کاملا درست کار می کنه
قرار دادن اون Border ها به خاطر این بود که میخواستم نشون بدم دو تا DIV ها از هم جدا هستن (همین).
Width هم بیخیال شو اون فقط به خاطر کوچک کردن برای نوشتن متن اونجا قرار داره. زیاد چیزه به درد بخوری نیست.
ّFloat ربطی به ارتفاع نداره ولی اگه در این نمونه کد ما این دو DIV را با Float پشت سر هم نزاریم هیچ وقت بنا به DIV سمت راست کش نمیاد.
موفق باشید
سلام
ممنون از زاهنمایی هاتون
می شه در مورد جاوااسکریپتش هم توضیح بدید
display: table یه همچین قابلیتی رو می‌ده. راشل اندرو جدیداً یه کتابی نوشته به اسم Everything you know about css is wrong و درباره همین توضیح می‌ده. دو فصل اولش رو از سایت sitepoint میشه دریافت کرد.