مشکل رسپانسیو کردن انجمن

[maryam.eng]

سلام.

من وقتی زوم رو کم میکنم قالب کوچیک میشه میره زیر هدر انجمن .ی جورایی بهم میریزه.

کسی میدونه چطوری میتونم این مشکل رو حل کنم؟؟


اینم سایتم:http://forum.ircollegian.ir/

[r4hgozar]

سلام/
مفهوم ریسپانسیو این نیست که فقط همه چی کوچیک بشه.
شما می تونید بعضی چیز ها رو تو صفحتون کلا نشون ندین و یا نحوه نشون دادنش تغییر کنه.
صفحتون بسیار شلوغه و به نظر من تو حالت واکنشگرا خوب نوشته نشده.

[maryam.eng]

میشه بیشتر راهنمایی کنید که باید چیکار کنم؟؟

[amir868]

دوست عزیز قالبت خیلی مشکلات داره وخیلی بهم ریختس من تا یه جایی رو کمکت میکنم
برای مشکلی که گفتی اول تو کد CSS ی که برای header نوشتی height رو کاملا بردار اینطوری height به طور اتوماتیک بر اساس height ه عکس تنظیم میشه که وقتی عرض صفحه کوچیک شد و همراهش عکس هم کوچیک شد height هم کم بشه.
#header { width:100%; }
تا اینجا مشکلت حل میشه ولی میتونی به container خاصیت margin-top بیشتری بدی که فاصلش بیشتر شه.
بعد از اون برای اون div ی که داخل panel گذاشتی کلاس تعریف کن و style ش (کد های css ش ) رو ببر داخل فایل css ت اینطوری بهتره یعنی باید این شکلی بشه:

<div id="panel">
<div class="fix-register">
</div>
</div>

بعدش هم اگه استایل زیر رو بهش بدی بهتره
.fix-register{
width: 400px;
height: 150px;
background-color: #000;
position: fixed;
top: 200px;
right: 200px;
padding: 10px;
font-size: 14px;
box-shadow: 0px 0px 10px 1px #000;
opacity: 0.85;

border-radius: 25px;
-o-border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
}

اسم کلاسش رو هم میتونی هرچی بخوای بزاری

[maryam.eng]

دوست عزیز قالبت خیلی مشکلات داره وخیلی بهم ریختس من تا یه جایی رو کمکت میکنم
برای مشکلی که گفتی اول تو کد CSS ی که برای header نوشتی height رو کاملا بردار اینطوری height به طور اتوماتیک بر اساس height ه عکس تنظیم میشه که وقتی عرض صفحه کوچیک شد و همراهش عکس هم کوچیک شد height هم کم بشه.
#header { width:100%; }
تا اینجا مشکلت حل میشه ولی میتونی به container خاصیت margin-top بیشتری بدی که فاصلش بیشتر شه.
بعد از اون برای اون div ی که داخل panel گذاشتی کلاس تعریف کن و style ش (کد های css ش ) رو ببر داخل فایل css ت اینطوری بهتره یعنی باید این شکلی بشه:

<div id="panel">
<div class="fix-register">
</div>
</div>

بعدش هم اگه استایل زیر رو بهش بدی بهتره
.fix-register{
width: 400px;
height: 150px;
background-color: #000;
position: fixed;
top: 200px;
right: 200px;
padding: 10px;
font-size: 14px;
box-shadow: 0px 0px 10px 1px #000;
opacity: 0.85;

border-radius: 25px;
-o-border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
}

اسم کلاسش رو هم میتونی هرچی بخوای بزاری

ممنون مشکل هدر حل شد .دوستانی که صاحب نظر هستند لطف کنید درمورد انجمنم نظر بدید از همه جهات.