PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : مشکل با ساخت منو ثابت بالا سایت



alu75
August 24th, 2013, 01:32
سلام دوستان :)


من یه دایو ثابت میخوام بالا سایت داشته باشم اما وقتی positin:fixed میشه که بالا ثابت بمونه یه مقدار از محتوا میره زیره این دایو و چون محتوای هدر متغییر خواهد بود نمیشه برای محتوا از margin-top استفاده کرد لطفا راهنمایی کنید !

این لینک فایل فعلی لطفا دانلود کنید ، تغیرات را اعمال کنید و تست کنید ممنون
Untitled Document (http://negano.ir/up/files/myproblem.html)

Taryan4
August 24th, 2013, 01:43
سلام دوستان
:)


من یه دایو ثابت میخوام بالا سایت داشته باشم اما وقتی positin:fixed میشه که بالا ثابت بمونه یه مقدار از محتوا میره زیره این دایو و چون محتوای هدر متغییر خواهد بود نمیشه برای محتوا از margin-top استفاده کرد لطفا راهنمایی کنید !

این لینک فایل فعلی لطفا دانلود کنید ، تغیرات را اعمال کنید و تست کنید ممنون
Untitled Document (http://negano.ir/up/files/myproblem.html)

از Display:block; استفاده کنید.

alu75
August 24th, 2013, 01:48
از Display:block; استفاده کنید.

عزیزم خیلی منمون که جواب دادی ولی لطفا یکم توضیح بده ! نه برای این باری هر پاسخی !

من توی کلاس fixed و body تست کردم ولی هیچ کدوم جواب نداد ، لطفا خودتون تست کنید ! و بیشتر توضیح بدید ،

ممنون

Taryan4
August 24th, 2013, 02:20
از درو تا div استفاده کنید برای هدر و متن اصلی. سعی کنید css در بالای هد یا در فایل css استفاده کنید که شلوغ نشه.

alu75
August 24th, 2013, 02:26
از درو تا div استفاده کنید برای هدر و متن اصلی. سعی کنید css در بالای هد یا در فایل css استفاده کنید که شلوغ نشه.
اما منظورتون را در باره ی " درو تا div استفاده کنید " نفهمیدم !


این فایل تست هستش ، من معمولا جدا مینویسم !

alu75
August 25th, 2013, 01:54
اینم راه حل !

تشکــــــــــــــــــــــ ـــــــــــــــــــــــــ ــــــــر یادتون نره !

<script>
window.setInterval('head()',1);
function head()
{

if(window.scrollY > 1)
{
document.getElementById('body').style.margin="0";
document.getElementById('header').style.position="fixed";

}
if(window.scrollY<1)
{
document.getElementById('header').style.position="inherit";
document.getElementById('body').style.margin="";
}




}
</script>