بچه ها
فرض کنید 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/
خوب الان مشکل اینی که دادی چیه؟ چی به اندازه محتویاتش کش نیومده؟ مطمئن باش div هیچ کاستی در برابر table نداره و امکان نداره کاری با جدول انجام بشه و با div نشه انجامش داد.
اگه منظورت اون div سمت چپ صفحه س ، خوب بنده خدا حق داره. به اندازه محتویاتش که چند خط بیشتر نیست کس اومده. نمیتونه بیشتر از اونی که توش هست کش بیاد.
فکر کنم منظورت اینه که به اندازه بغلیش کش بیاد؟؟؟؟
سلامنقل قول:
خوب الان مشکل اینی که دادی چیه؟ چی به اندازه محتویاتش کش نیومده؟ مطمئن باش div هیچ کاستی در برابر table نداره و امکان نداره کاری با جدول انجام بشه و با div نشه انجامش داد.
دیو خیلی خوبه فقط یکم ژله هستش :31: باید دقیق و با تمرکز بگیریش وگرنه ... رو زمین دنبالش باید بگردی :31:
خوب آره دیگه!نقل قول:
من هر چی به این دو تا سایدبار زبون نفهم میگم بابا کش باید بیاید! اینا نمیفهمن!
هر چند کلا کد رو عوض کردم وگرنه قبلا جوری بک گراند رو گرفته بودم که مربوط به اینا میشد و نصفه صفحه بی بک گراند میشد
هه هه ههنقل قول:
آره بابا
اینا هم اینقد اینور اونور پریدن پدرم رو در آوردن
یه دقیقه بالا هدر بودن! یه دقیقه پایینه فوتر یه دقیقه گره خورده بودن
خوب خوبیش به همینه که عینه ژله انعطاف پذیره و به هر شکلی در میاد. :27: اگه عین جدول چوب خشک بود خوب بود؟؟؟!!! :13:نقل قول:
خوب شما کارهای منطقی رو با css میتونی انجام بدی ولی وقتی کار غیر منطقی میخوای باید پای یه عنصر خارجی به اسم جاوااسکریپت رو توی کدت باز کنی.نقل قول: