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

[نسـتـــرن 194]

با سلام.

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

آدرس برگه

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

.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(); ?>

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

[Morteza 34190]

به فوتر بدید:

bottom: 0

[نسـتـــرن 194]

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

[اشکان 1989]

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

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

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

[نسـتـــرن 194]

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

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

[اشکان 1989]

اول از همه باید کد های 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%;
}

[نسـتـــرن 194]

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