28172 sujets

CSS et mise en forme, CSS3

Coller pied de page en bas !!

Bonjour,

Ma configuration WP actuelle
- Version de WordPress : 2.8.4
- Adresse du site : http://rendez-vous-chocolat.fr/

Problème(s) rencontré(s) :
J'ai +/- créé un thème pour wordpress pour un site que je développe mais je n'arrive pas à coller le pied de page en bas pour les pages ayant peu de contenu ! J'ai essayé différents trucs sans succès... des idées ?
Merci.

exemple de page trop courte ici
Mon code :

Page:
<?php get_header(); ?>
<div id="wrapper2">
	<!--content-->
	<div id="content">
    
		<!--left-col-->   
		<div id="left-col">


		<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
		<div class="post" id="post-<?php the_ID(); ?>">
			<div class="entry">
				<?php the_content('<p class="serif">Read the rest of this page &raquo;</p>'); ?>

				<?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>

			</div>
		</div>
		<?php endwhile; endif; ?>
	<?php edit_post_link('Edit this entry.', '<p>', '</p>'); ?>

    
</div><!--left-col-end--> 

</div><!--content-end-->

</div><!--wrapper-end-->
<?php get_footer(); ?>

header :
<!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" <?php language_attributes(); ?>>

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<link rel="shortcut icon" href="http://rendez-vous-chocolat.fr/favicon.ico">
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <!--[if IE 6]>
	<link rel="stylesheet" href="<?php bloginfo("template_directory"); ?>/hack.css" type="text/css" />
	<![endif]-->
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<?php wp_head(); ?>
</head>
<body>
<!--wrapper-->
<div id="wrapper">
<!--header-->
	<div id="header">
    	<!--logo-->
    	<div id="logo"><h1><a href="<?php echo get_option('home'); ?>" title="<?php bloginfo('description'); ?>"><?php bloginfo('name'); ?></a></h1></div><!--logo-end-->
        
        <!--page-navigation-->
        <div id="menu">
        	<ul>
				<?php wp_list_pages('sort_order=desc&title_li='); ?>
            </ul>
        </div><!--page-navigation-->
        
    </div><!--header-end-->
  </div><!--wrapper-end-->

footer:
<!--footer-->
<div id="footer">
    <div class="footer-text">
   Copyright &copy; <?php echo date("Y",time()); ?> - <a href="http://rendez-vous-chocolat.fr">RDV-Chocolat</a> | Propulsé par <a href="http://www.wordpress-fr.net/" target="_blank">WordPress</a> | Design visuel de <a href="http://www.kloobik.org/">Kloobik</a> adapté pour Wordpress par <a href="http://www.xtaz.tk">Xt@z</a>
    </div>
</div><!--footer-end-->



<?php wp_footer(); ?>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-7568394-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>

css:
/*  
Theme Name: RDV-Chocolat
Theme URI:  http://Rendez-vous-Chocolat.fr/
 
Date: 2009
Version: 1.0.0
Tags: boutique chocolat
*/
/*-------------------------------------------------------------------------------------------------------------------*/
/*--General--*/* {	

/*--make all to 0 as default--*/	padding: 0;	margin: 0;}
body {height:100%;min-height:100%;	color: #B5B692;	font-size: 13px;	font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;	background-color: #eae8c6;		background-image: url(images/header_bg.png);	background-repeat: repeat-x;margin: 0px;	margin-bottom: 0px;	text-align: center;}

/*--formatting--*/
a {	color: #b63d13;}
a:hover {	text-decoration: none;	color: red;}
p {	padding: 0 0 1.8em;}
h2 {	font: 900 30px Arial, Helvetica, sans-serif;	letter-spacing: -1px;	padding-bottom: 10px;}
h2 em {	font: 400 30px "Times New Roman", Times, serif;	font-style: italic;	letter-spacing: 0;}
h2.pagetitle {	font: 400 24px "Times New Roman", Times, serif;	padding: 2px 0;	text-align: center;	letter-spacing: 0;	background-color: #e1dfb9;	border-bottom: 1px solid #D7D39A;}h2.pagetitle strong {	font-size: 30px;	font-style: italic;}
h2 a {	color: #ffffff;	text-decoration: none;}
h3 {	font: 900 20px Arial, Helvetica, sans-serif;	letter-spacing: -1px;}
h4 {	font: 900 16px "Times New Roman", Times, serif;		font-style: italic;}
h5 {	font: 400 14px Arial, Helvetica, sans-serif;	}
h6 {	}
blockquote {	width: 400px;	font-style: italic;	background-color: #D7D39A;	padding: 10px;	clear: both;	margin: 0 0 10px 70px;	_margin: 0 0 10px 50px;	border-bottom: 1px solid #A6A371;	border-top: 1px solid #A6A371;	font: 400 16px "Times New Roman", Times, serif;		}
blockquote p {	padding: 0;}
.entry ul, .entry ol, .post ul, .post ol {	padding: 18px;}
ul {	list-style-type: circle;}
ul li ul {	list-style-type: disc;}
ol {	list-style-type: decimal;}
ol li ol {	list-style-type: lower-roman;}
img.left {	float: left;	margin: 5px 5px 5px 0;	background-color: #fff;	padding: 4px;	border: 1px solid #A6A371;}
img.right {	float: right;	margin: 5px 0 5px 5px;	background-color: #fff;	padding: 4px;	border: 1px solid #A6A371;}

/*--container--*/
#wrapper {	width: 802px;	margin: 0 auto;}
#wrapper2 {     background: #3B3C1B url(images/content_bg.png) repeat top left;	width: 100%;	float: left;	}
#header {	background: #3B3C1B url(images/header_bg.png) repeat-x top left;	width: 100%;	height: 338px;	float: left;}
#content {	width: 802px;	margin: 0 auto;float: center;}
#content #left-col {	width: 802px;	float: left;	position: relative;	padding-right: 30px;}
#footer {	bottom:0px; width: 100%;	float: left;	background: url(images/footer_bg.png) repeat-x top left;	height: 23px;	color: #fff;}

/*--header--*/
#header #logo {	width: 460px;	height: 62px;	float: left;}
#header #logo h1 a {	background: url(images/header.png) no-repeat top right;	width: 802px;	height: 338px;	float: left;	text-indent: -9999em;}

/*--page-menu--*/
#header #menu {		float: left;	width: 802px;	height: 33px;	margin-top: 243px;}
#header #menu ul {	padding-left: 90px;	width: 802px;	list-style: none;	float: center;	text-align: center;}
#header #menu ul li.page_item {	float: center;}
#header #menu ul li.page_item a {	background: url(images/bouton.png) no-repeat top right;	width: 128px;	height: 33px;	padding: 4px 8px;	display: block;	margin: 0 7px 0 0;		float: left;	text-decoration: none;	font: 900 14px Arial, Helvetica, sans-serif;	color: #a9bf78;	-moz-border-radius-topleft: 2px;	-moz-border-radius-topright: 2px;}
#header #menu ul li.page_item a:hover {	color: #fff;}
#header #menu ul li.current_page_item a {	color: #fff;	height: 33px;}

/*--post--*/
.post {	width: 802px;	float: left;	margin-top: 20px;}
.post .post-info {	float: left;	width: 100px;		padding-right: 10px;}
.post .post-info a img, .post .post-info img {	padding: 5px;	background-color: #dedcb9;	border: 1px solid #a6a371;}
.post .post-info em {	display: block;	font-size: 9px;}
.post .post-info span.post-tag {	display: block;	border-top: 1px solid #b5b38f;	border-bottom: 1px solid #b5b38f;	font-size: 9px;	padding: 3px 0;}
.post .post-info span.post-tag a {	text-decoration: none;	font-weight: 900;}
.entry {	text-align: justify;	padding-left: 50px;	float: left;	width: 700px;	}
p.metadata {	padding: 2px;	border-top: 1px solid #b5b38f;	border-bottom: 1px solid #b5b38f;	background-color: #e2e0b6;	clear: left;	text-align: right;	margin-top: 15px;}
p.metadata2 {	padding: 2px;	border-top: 1px solid #b5b38f;	border-bottom: 1px solid #b5b38f;	background-color: #e2e0b6;	clear: left;	text-align: right;	width: 600px;}
.clear {	clear: both;	padding: 10px 0 0 0;}

/*--right-col--*/
/*--feed--*/
#feed {	width: 330px;	text-align: right;	float: left;	margin-bottom: 10px;}
#feed a.rss {	width: 32px;	height: 27px;	background: url(images/rss.png) no-repeat top left;	float: right;	text-indent: -9999em;	text-align: left;}
/*--feed--*/
#searchform {	width: 330px;	float: left;	background: url(images/searchform.png) no-repeat top left;	height: 45px;	margin-bottom: 20px;}#searchform form {	float: left;	width: 310px;	margin: 10px;	display: inline;}
#searchform form input#s {	width: 270px;	background: url(images/form.png) no-repeat top left;	height: 20px;	border: 0;	float: left;	margin-right: 10px;	padding: 3px 0 0 7px;	color: #666;}
#searchform form input#searchsubmit {	width: 20px;	background: url(images/search.png) no-repeat center left;	height: 24px;	border: 0;}

/*--footer--*/
#footer .footer-text {	width: 960px;	margin: 0 auto;}
#footer .footer-text a {	color: #fff;text-decoration:none;}
#footer .footer-text span {	float: left;	width: 600px;}
#footer .footer-text em {	float: left;	width: 360px;	text-align: right;}

/*--widget-formatting*/
.textwidget {	padding: 5px;}
a.tag-link-11 {	text-decoration: none;	margin: 3px;}
#tag_cloud .widgettitle, .widget_text .widgettitle, .widget_calendar .widgettitle {	text-align: left;	border-bottom: 1px solid #BBB875;}
#tag_cloud {	text-align: center;}
ul#recentcomments li.recentcomments {	width: 150px;	font-weight: 900;	border-top: 1px solid #BBB875;	padding: 2px 4px;}
ul#recentcomments li.recentcomments a {	border:0 ;	width: 150px;	font-weight: 400;}
ul#recentcomments li.recentcomments a:hover {	background-color: #D7D39A;}
#calendar_wrap {}#wp-calendar {	width: 150px;	margin: 0 auto;}
#wp-calendar a {	text-decoration: none;	padding: 1px 2px;	background-color: #b63d13;	color: #fff;}
#prev {	text-align: left;}#prev a {	text-decoration: none;	padding: 1px 2px;	background-color: #D7D39A;	color: #b63d13;}
#next {	text-align: right;}
#next a {	text-decoration: none;	padding: 1px 2px;	background-color: #D7D39A;	color: #b63d13;}

/*--navigation--*/
.navigation {	float: left;	width: 600px;	margin: 20px 0;}
.navigation .alignleft a {	float: left;}
.navigation .alignright a {	float: right;}

/*--gallery--*/
p.attachment {	text-align: center;	padding: 15px 10px;	background-color: #dedcb6;	border: 1px solid #c5c39b;}
p.attachment a img {	padding: 3px;	background-color: #dedcb9;	border: 1px solid #a6a371;}
.navigation a img {	padding: 3px;	background-color: #dedcb9;	border: 1px solid #a6a371;}
.gallery-item a img {	padding: 3px;	background-color: #dedcb9;	border: 1px solid #a6a371;}
.gallery-item a:hover img {	border: 1px solid red;}
img.alignleft, div.alignleft{float:left;margin:0 0.5em 0.5em 0;}
img.alignright, div.alignright{float:right;margin:0 0 0.5em 0.5em;}
img.aligncenter, div.aligncenter{text-align:center;margin:0 auto;}
Sujet clos
Aller à