نسـتـــرن

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

7 پست در این موضوع قرار دارد

با سلام.

من یک برگه دارم که کدهاش به این صورت هست.تنها مشکلی که دارم فوتر قالبم هست که میچسبه به قسمت بالایی سایت.فوتر در واقع باید به صورت سرتاسری در قسمت پایین باشه.این رو چطوری باید درست کنم؟ممنون

آدرس برگه

کدهای سی اس اس:


.cont-full {
float:right;
width:80%;
height:auto;
margin:10px auto;
right:36px;
position:absolute;
}

ساختار:


<?php
/*
Template Name: full width
*/
?>
<?php get_header(); ?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="cont-full">


<div class="post-body">
<?php the_content(__('','bicnow')); ?>
</div>
<?php endwhile; ?>
<?php endif; ?>
<?php comments_template(); ?>
</div>
<?php get_footer(); ?>

ویرایش شده در توسط نسـتـــرن
0

به اشتراک گذاری این پست


لینک به پست

به فوتر بدید:

bottom: 0

4

به اشتراک گذاری این پست


لینک به پست

متشکر.وقتی اضافه کردم اتفاقی نیفتاد

0

به اشتراک گذاری این پست


لینک به پست

نباید position رو absoloute میکردین.

استایل رو به شکل زیر تغییر بدین:


.cont-full {
float: right;
height: auto;
margin: 10px auto;
position: relative;
right: 36px;
width: 80%;
}

4

به اشتراک گذاری این پست


لینک به پست

متشکر.الان فوتر به انتهای صفحه چسبید.منتها مشکلی که هست. اینه که فوتر باید سرتاسری باشه(همه صفحات دیگه هم به این صورت هست) اما این طوری نمیشه.

ویرایش شده در توسط نسـتـــرن
0

به اشتراک گذاری این پست


لینک به پست

اول از همه باید کد های html رو درست کنید:

کد های شما به این شکل قرار دارن:


<div class="head">

<div class="cont-full"></div>
<div class="footer"></div>

</div>

شما باید به این شکل درستشون کنید:


<div class="head"></div>
<div class="cont-full"></div>
<div class="footer"></div>

بعد استایل های زیر رو تغییر بدین به این شکل:


.head {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 160px;
margin: 0 auto;
width: 945px;
}

و


.cont-full {
height: auto;
margin: 10px auto;
position: relative;
width: 70%;
}

4

به اشتراک گذاری این پست


لینک به پست

خیلی ممنونم آقای اشکان.مشکل از همون هدر بود.در واقع تگ head با بخش هایی از بدنه اصلی بود که رفتم بستم تگش رو و البته خیلی از چیز ها ریخت به هم که درستش کردم.بعد از اون مشکلم هم حل شد.مرسی :)

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری