بچه ها
فرض کنید 3 تا row یا ردیف افقی داریم
من میخوام دومی یا وسطی به ارتفاع صفحه یعنی height=100% کش بیاد
وقتی که از جدول ها استفاده میکردیم خودش راحت کش میومد ولی div یه طورایی فیکس هست و نمیتونه کش بیاد
چه کنم؟
امیدوارم متوجه دشه باشید چی رو میگم
بچه ها
فرض کنید 3 تا row یا ردیف افقی داریم
من میخوام دومی یا وسطی به ارتفاع صفحه یعنی height=100% کش بیاد
وقتی که از جدول ها استفاده میکردیم خودش راحت کش میومد ولی div یه طورایی فیکس هست و نمیتونه کش بیاد
چه کنم؟
امیدوارم متوجه دشه باشید چی رو میگم
میتونی از jQuery استفاده کنی و مثلا به اون وسطیه یه ID بدی بعد بگی:
[html]
<script>
$(document).ready(function(){
$("div#ID").css("height",$("body").height()+"px" );
});
</script>
[/html]
بابا بی خیال!
یه jquery وصل کنم به خاطره این کاره دست پا افتاده
یه راهی باید باشه
آخه height صد در صد فقط زمانی میتونه معنی داشته باشه که عنصر پدر این عنصری که میخوای کش بیاد height ثابت داشته باشه وگرنه اصلا منطقی نیست height صد در صد. حالا اگه توی ساختارت یه wrapper داری که همه اینا توشن، باید بهش height ثابت بدی که بتونی به داخلیاش height صد در صد بدی وگرنه height صد در صد یعنی چی؟؟ معنی نمیده خوب عزیز من.
اره راست میگی
ولی آخه مثلا ارتفاعه یه صفحه تابعه مقدار مطالب توشه!
نمیشه ثابت باشه که
در کل این چیزه جدول خوب بود که مثلا با 3 تا row
اولی و آخری رو هدر و فوتر میگرفتی وسطی هم هر چقدر دوست داشتی نسبت به مطالب کش میومد
خوب مگه نمیشه بدون جدول این کارو کرد؟ میشه یه div رو هدر کنی یکی رو فوتر و وسطی هم به اندازه مطالب توش کش بیاد. این که مشکلی نداره
خوب مشکل همینه دیگه
div ها مثله table خود به خود کش نمیان
کی میگه !؟نقل قول:
بلد نیستی گردن سی اس اس ننداز !
کدتو بذار بچه ها درست کنن !!
مطمئنی کش نمیاد ؟ یه نگاه به این بنداز چرا این کش میاد؟نقل قول:
خوب مشکل همینه دیگه
div ها مثله table خود به خود کش نمیان
[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>This Is A Test</title>
</head>
<body>
<div align="center" style="background-color:#FFFFCC" ><h1>Header</h1></div>
<div align="center" style="background-color:#CCFFCC">
<h1>Hello World<p>This Is Test For<br /> The Stretch</p><p>Freedom Is The Right</p> </h1></div>
<div align="center" style="background-color:#99CCFF">
<h1>Footer</h1>
</div>
</body>
</html>
[/html]
کد:http://darioushjh.co.cc/designs/icepack-111/