Footer indiscipliné

[Pagearo]

Bonjour à la communauté.

Je viens vers vous en cette heure sombre car j'entends sonner au loin le glas de l’échec......
Suite à une demande, j'ai modifier un template wp pour la réalisation d'un site intranet à visualiser avec FF (& ie6....... mais pour le moment je me focalise sur FF).
La réalisation est presque abouti.... mais j'ai une action que je en comprends absolument pas sur ma page d'accueil:
-l'image que j'ai mis en arrière plan dans mon footer ne veut pas toucher le bas du navigateur sur ma page d'accueil alors que sur toutes les pages internes ça va très bien.

pourtant j'ai configuré mon footer pour qu'il soit situé en bas de page sans marge inférieur (j'ai même essayé de lui mettre un padding pour forcer un retrait de la marge qui persiste à exister) :

#footer{
margin: auto auto 0px;
padding-bottom: 15px;
position: relative;
background: url(http://ns23182.ovh.net/~wp_dsi/wp-conte ... es/bot.jpg) no-repeat center;
background-position: bottom;
width: 100%;
height: 100%;
}

dans le template qu'on m'a demandé d'utiliser, si je souhaite ajouter un widget facile d'accès, je dois obligatoirement l’implanter dans des barres présentes dans le footer.... je me demande si mon soucis ne viendrait pas de la étant donné que j'ai placé un widget dans le fotter mais je le fait apparaitre à la limite du header quand on visualise la page

#footer-bar1 {
margin: -714px 0 0 963px;
width: 160px;
float: left;
/*padding-right: 20px;*/
font-family: UniversRegular, Verdana, Geneva, sans-serif;
font-size: 12px;
}

si vous avez besoin de voir le reste de la CSS afin de m'aider, dites le moi.
Voici un imprime écran pour que vous pussiez visualiser le soucis

[FiX']

j'ai modifier un template wp

Euh... ici tu es sur le forum de Contao...

Pour info, en général, il est beaucoup plus simple de partir de ZÉRO... plutôt que de partir d'un thème préfabriqué venant de je ne sais où.

Donne nous un lien vers la page (ou tout le code source : html / css / ...). Cela sera beaucoup plus simple.

C'est peut-être un soucis de div mal fermée / ouverte ?!

A+

[Pagearo]

en venant sur ce forum j'ai surtout vu "CMS"
et je suis bien d'accord, j'aurais largement préféré créer le site de A a Z mais la demande du client est la demande du client...


voici lle fichier css

Code : Tout sélectionner

@import "http://ns23182.ovh.net/~wp_dsi/wp-content/themes/target/css/reset.css";
@import "http://ns23182.ovh.net/~wp_dsi/wp-content/themes/target/css/typography.css";


/* General */
/*////////////////////////////////////////////////////////////////////////////////////////////*/
//////
body {
   background: #fff;
   font-family: UniversRegular, Verdana, Geneva, sans-serif;
   font-size: 14px;
   color: #777;
   line-height:18px;
}
   
a {
   color: #1a64af;
   outline: 0;
}
   
a:link {
   text-decoration: none;
}

a:visited {
   text-decoration: none;
}

a:active,
a:hover {
   color: #000;
   text-decoration: underline;
}

h1,h2,h3,h4,h5,h6 {
   color: #333;
   margin-bottom: 18px;
}

h1 { font-weight: bold; font-size: 30px; line-height: 36px; }
h2 { font-weight: bold; font-size: 24px; line-height: 30px; }
h3 { font-weight: bold; font-size: 18px; line-height: 24px; }
h4 { font-weight: bold; font-size: 12px; line-height: 18px; }

hr {
   background-color: #E7E7E7;
   border:0;
   height: 1px;
   margin-bottom: 18px;
   clear:both;
}

p {
   padding: 0 0 0.5em;
   line-height:1.6em;
}
ul {
   list-style: square;
   margin: 0 0 18px 0;
}
ol {
   list-style: decimal;
   margin: 0 0 18px 1.5em;
}
ol ol {
   list-style:upper-alpha;
}
ol ol ol {
   list-style:lower-roman;
}
ol ol ol ol {
   list-style:lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
   margin-bottom:0;
}
dl {
   margin:0 0 24px 0;
}
dt {
   font-weight: bold;
}
dd {
   margin-bottom: 18px;
}
strong {
   font-weight: bold;
   color: #000;
}
cite,
em,
i {
   font-style: italic;
   border: none;
}
big {
   font-size: 131.25%;
}
ins {
   background: #FFFFCC;
   border: none;
   color: #333;
}
del {
   text-decoration: line-through;
   color: #555;
}
blockquote {
   font-style: italic;
   padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
   font-style: normal;
}
pre {
   background: #f7f7f7;
   color: #222;
   line-height: 18px;
   margin-bottom: 18px;
   padding: 1.5em;
}
abbr,
acronym {
   border-bottom: 1px dotted #666;
   cursor: help;
}
ins {
   text-decoration: none;
}
sup,
sub {
   height: 0;
   line-height: 1;
   vertical-align: baseline;
   position: relative;
   font-size: 10px;
}
sup {
   bottom: 1ex;
}
sub {
   top: .5ex;
}

p,
ul,
ol,
dd,
pre,
hr {
   margin-bottom:10px;
}
ul ul,
ol ol,
ul ol,
ol ul {
   margin-bottom:0;
}
pre,
kbd,
tt,
var {
   font-size: 15px;
   line-height: 21px;
}
code {
   font-size: 13px;
}
strong,
b,
dt,
th {
   color: #000;
}


/* main_container */
/*////////////////////////////////////////////////////////////////////////////////////////////*/

#wrapper {
   margin: 0 auto;
   position: relative;
}

/* header*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/

/*
#search-header{
   float:left;
   margin-top:15px;
   padding-bottom:13px;
}
*/

/*
#search-header #search{
   background: #0b0c0c;

}
*/
#search{
   margin: 0 0 0 0;
   position:relative;
}

/*
#search-header #search #s{
   background: #0b0c0c;
   font-size:12px;
   color: #aaa;
}
*/

/*#header_container{
   margin: 0 auto;
   position: relative;
   background:  url(images/header_container.jpg) no-repeat scroll 0 0 transparent;
}*/

#header_container{
   margin-top: 0px;
   position: relative;
   background:  url(http://ns23182.ovh.net/~wp_dsi/wp-content/themes/target/images/header.jpg) no-repeat center;
   width: 100%;
}


#header {
   width:964px;
   margin: 31px 310px 0 317px;
   padding-bottom: 35px;
}

#header2 {
   width:964px;
   margin: auto;
   padding-bottom: 5px;
}

#content_container{
   margin: 0 auto;
   width:964px;
}

#content {
   width:964px;
   float:left;
   z-index: 1;
}

#content #left-col {
   width:620px;
   float:left;
   padding: 20px 16px 20px 0px;
   z-index: 1;
}

#content #right-col {
   width:307px;   
   padding:3px;
   float:left;
   z-index: 1;
}

/*footer*/   
/*////////////////////////////////////////////////////////////////////////////////////////////*/


/*#footer {
   margin: 0px auto;
   position: relative;
   background: #fff url(images/bot_container.jpg) no-repeat;
}*/


#footer{
   margin: auto auto 0px;
   padding-bottom: 15px;
   position: relative;
   background:  url(http://ns23182.ovh.net/~wp_dsi/wp-content/themes/target/images/bot.jpg) no-repeat center;
   background-position: bottom;
   background-color: #008cba;
   width: 100%;
   height: 100%;
}

#footer-container{
   width:964px;
   margin: 0 auto;
   font-size:11px;
}

#footer-info {
   color:#ccc;
   padding: 20px 0px;
   text-align:left;
   width: 230px;
   float:left;
}

#footerimg{
   margin: auto auto 0px;
   width: 100%;
   height: 100%;
   position: absolute;
   background-position: center no-repeat;
}


#copyright{
   margin-bottom: 50px;
}

#footer-info a{
   text-decoration:none;
   color: #fff;
}

#footer-info a:hover{
   color: #ebebeb;
}

#footer-widget{
   padding: 8px 30px 8px 0px;
   width: 703px;
   float: left;
   color:#6f6f6f;
   line-height: 13px;
   font-family: UniversRegular, Verdana, Geneva, sans-serif;
   font-size: 11px;
}

#footer-widget #search {
   width:120px;
   height:28px;
   background: #ebebeb;
   margin-left: 0px;
   position: relative;
}

#footer-widget #search #s {
   width:110px;
   height:24px;
   border:0px;
   margin-left:7px;
   margin-right:10px;
   margin-top:3px;
   color:#666;
   display: inline;
   background: #ebebeb;
   float: left;
}

#footer-widget #calendar_wrap {
   padding: 8px 0px;
}

#footer-widget #wp-calendar td{
   padding:2px;
}


#footer-widget .textwidget {
   padding: 5px 0px;
}


#footer-widget .widget_tag_cloud a{
   text-decoration: none;
   margin: 5px;
   line-height: 24px;
   margin-left: 0px;
   color: #6f6f6f;
}

#footer-widget .widget_tag_cloud a:hover{
   color: #fff;
}

#footer-widget .widget-container ul li a   {
   color:#6f6f6f;
}

#footer-widget .widget-container ul li a:hover   {
   color: #ccc;
}

#footer-widget .widget-container h3 {
   color: #c6c6c6;
   margin-bottom: 0px;
   padding-top: 10px;
   padding-left: 0px;
   font-size: 15px;
   padding-bottom: 2px;
}

#footer-widget .widget-container ul li {
   /*border-bottom: 1px solid #222;*/
   padding: 7px 0px;
   margin-left: 0px;
   background: none;
   }

#footer-bar1 {
   margin: -775px 0 0 963px;
   width: 160px;
    float: left;
   /*padding-right: 20px;*/
   font-family: UniversRegular, Verdana, Geneva, sans-serif;
   font-size: 12px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
   #footer-bar1 {
      margin: -670px 0 0 964px;
      width: 160px;
       float: left;
      /*padding-right: 20px;*/
      font-family: UniversRegular, Verdana, Geneva, sans-serif;
      font-size: 12px;
   }
}

#footer-bar2 {
   width: 160px;
    float: left;
   padding-right: 20px;
}
#footer-bar3 {
   width: 160px;
    float: left;
   padding-right: 20px;
}
#footer-bar4 {
   width: 160px;
    float: left;
}

#menu-bottom_menu{
   width: 355px;
   margin: auto auto -35px 300px;
   position: relative;
   border: 0 none;
   list-style-type: none;
   text-decoration: none;
}

ul#menu-bottom_menu li{
   display: inline;
   padding: 0 0.5em;
   border: 0 none;
   list-style-type: none;
   text-decoration: none;
}

ul#menu-bottom_menu {
   list-style-type: none;
   text-decoration: none;
   border: 0 none;
}

span#follow-box{
   position: absolute;
   right: 100px;   
}

span#follow-box img{
   margin: 0 2px;
}

/*logo*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/

#logo {
   float:left;
   margin: 50px 0px -60px 40px;
}

#logo2 {
   background: url(images/DSIsi.png) no-repeat scroll 0 0 transparent;
   margin: 35px 27px -35px 80px;
   position: relative;
}

#logo img{
   border: none;
}


#logo2 a{
   text-decoration: none;
   color: #fff;
   font-size: 30px;
   letter-spacing: -1pt;
   font-weight: bold;
}

/*search*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/

#search {
   width:180px;
   height:28px;
   background: #ebebeb;
   margin-left: 10px;
   position: relative;
}

#search #searchsubmit {
   background:url(images/go-btn.png) no-repeat top right;
   width:28px;
   height:28px;
   border:0px;
   position:absolute;
   right: -35px;
}

/*#search {
   width:170px;
   height:24px;
   border:0px;
   margin-left:7px;
   margin-right:10px;
   margin-top:6px;
   color:#666;
   display: inline;
   background: #ebebeb;
   float: left;
}*/

#search {
   width:170px;
   height:24px;
   border:0px;
   margin-left:7px;
   margin-right:10px;
   margin-top:-50px;
   color:#666;
   display: inline;
   background: #ebebeb;
   float: left;
}

#s {
   width:170px;
   height:24px;
   border:0px;
   margin-left:0px;
   margin-right:10px;
   margin-top:-1px;
   color:#666;
   display: inline;
   background: #ebebeb;
   float: left;
}

/*menu bar*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/

#menubar {
   background-color: #E4311A;
   float: left;
   z-index: 99;
   margin: 70px 10px -44px 1px;
   position:relative;
   width: 962px;
   font-family: UniversRegular, Verdana, Geneva, sans-serif;
}

li#menu-item-85{
   background-images:F9B963;
}

@media screen and (-webkit-min-device-pixel-ratio:0) /* hack cible safari*/
{
    #menubar {
        width: 963px;
   margin: 70px 10px -45px 1px;
    }
}



/*homepage boxes*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/

#box_container{
   margin: 0 auto;
   width: 964px;
   padding-top: 35px;
}

.boxes{
   width:215px;
   min-height: 100px;
   float: left;
   padding: 0px;
   margin-bottom:10px;
}

.box1{
   margin-right: 35px;   
   margin-bottom: 70px;
}

.box2{
   margin-right: 35px;   
   margin-bottom: 70px;
}

.box3{
   margin-right: 34px;   
   margin-bottom: 70px;
}

.box-head {
   float: left;
   /*padding-bottom: 20px;*/
}

.box-head img{
   width: 100%;
}

.title-head{
   padding-top:2px;
}

.title-box{
   font-size: 20px;
   color: #333;
   line-height: 15px;
   padding-bottom: 10px;
   border-bottom: 1px  solid #ebebeb;
}

.box-content {
   float: left;
   padding-top: 10px;
   font-family: UniversRegular, Verdana, Geneva, sans-serif;
}

/* welcome box */
/*////////////////////////////////////////////////////////////////////////////////////////////*/

#welcome_container{
   padding-top: 35px;
   width:964px;
   margin: 0 auto;
}

#welcome-box h1{
   color: #333;
   font-size: 18px;
   text-align: center;
   margin-top:13px;
   line-height: 1.8px;
   font-weight: normal;
}

#welcome-box {
   width: 950px;
   float: left;
   border-top:1px solid #ebebeb;
   border-bottom:1px solid #ebebeb;
      
}


/* POST */
/*////////////////////////////////////////////////////////////////////////////////////////////*/


.post {
   width:620px;
   float:left;
   padding: 0px;
   margin-bottom: 25px;
   overflow: hidden;
}

.post ol{
   margin-left: 20px;
}

.post ul {
   margin-left: 15px;
}
.post-entry ul { margin: 0 0 10px 10px; }
.post-entry ul li {
   display: block;
   margin: 5px 0;
   padding: 0 0 0 17px;
   background: url(images/bullet.png) no-repeat 0 5px;
}

.post-entry ol {
   margin: 5px 0 5px 10px;
}
.post-entry ol li {
   margin: 5px 0;
   list-style: decimal;
   padding: 0 0 0 5px;
 }

.post-entry {
   width:620px;
   float:left;
   padding-bottom: 10px;
   padding-top: 10px;
   overflow: hidden;
}

.post-head {
   margin-bottom: 5px;
}

.post-head h1 a, .post-head h1 {
   text-decoration:none;
   color:#333;
   margin: 0px;
   font-size: 18px;
}

.post-head h1 a:hover {
   color:#464646;
}


.post-head-notfound h1, .post-head-404 h1, .post-head-archive h1, .post-head-search h1 {
   margin-bottom: 10px;
   font-weight:normal;
   text-decoration:none;
   color:#333;
   font-size: 30px;
}

.post-thumb img {
   border: 0px solid #ebebeb;
}

.post-entry img{
   margin-bottom: 10px;
}

.meta-data{
   line-height: 16px;
   padding: 6px 3px;
   margin-bottom: 5px;
   font-size: 11px;
   float:left;
   border-bottom: 1px solid #ebebeb;
   width: 600px;
}

.meta-data a{
   color: #777;
   
}

.read-more {
   margin-top: 10px;
   text-decoration: none;
   padding: 7px 10px;
   color: #777;
   font-size: 12px;
   background: url("images/read-more.png") top left no-repeat;
}

.read-more a:hover{
   color:#000;
}

.clear {
   clear:both;
}

.sticky {
  border-bottom: 1px solid #e7e7e7;
}

/* content */
/*////////////////////////////////////////////////////////////////////////////////////////////*/
#content table {
   border: 1px solid #e7e7e7;
   margin: 0 -1px 24px 0;
   text-align: left;
   width: 100%;
}
#content tr th,
#content thead th {
   color: #888;
   font-size: 12px;
   font-weight: bold;
   line-height: 18px;
   padding: 9px 10px;
}
#content tr td {
   border-top: 1px solid #e7e7e7;
   padding: 6px 10px;
}
#content tr.odd td {
   background: #f2f7fc;
}

/* sidebar*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/

#sidebar {
   float:left;
   width:290px;
   padding:5px 5px 20px 15px;
   background: url("images/sidebar-bg.png") repeat-y top left;
}

.sidebar_top {
   float:left;
   width:290px;
   height: 41px;
   background: url("images/sidebar-top.png") repeat-y top left;
}

.sidebar_bottom {
   float:left;
   width:290px;
   height: 41px;
   background: url("images/sidebar-bottom.png") repeat-y top left;
}

#sidebar_left {
   float:left;
   width:290px;
   padding:5px 20px 20px 0px;
   background: url("images/sidebar-bg.png") repeat-y top right;
}

.sidebar_top_left {
   float:left;
   width:310px;
   height: 41px;
   background: url("images/sidebar-top.png") repeat-y top right;
}

.sidebar_bottom_left {
   float:left;
   width:310px;
   height: 41px;
   background: url("images/sidebar-bottom.png") repeat-y top right;
}

#sidebar ul  {
   list-style: none;
}


/* =Comments
-------------------------------------------------------------- */
#comments {
   clear: both;
}
#comments .navigation {
   padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
   color: #000;
   font-size: 20px;
   margin-bottom: 0;
}
h3#comments-title {
   padding: 24px 0;
   font-weight: normal;
   font-size: 16px;
}
.commentlist {
   list-style: none;
   margin: 0;
   border-left: 1px solid #e7e7e7;
}
.commentlist li.comment {
   border-bottom: 1px solid #e7e7e7;
   line-height: 24px;
   margin: 0 0 24px 0;
   padding: 0 0 0 30px;

}
.commentlist li:last-child {
   border-bottom: none;
   margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
   margin-bottom: 18px;
}
#comments .comment-body p:last-child {
   margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
   margin-bottom: 24px;
}

#comments .comment-body ul { margin: 0 0 10px 10px; }
#comments .comment-body ul li {
   display: block;
   margin: 5px 0;
   padding: 0 0 0 17px;
   background: url(images/bullet.png) no-repeat 0 5px;
}

#comments .comment-body ol {
   margin: 5px 0 15px 20px;
}
#comments .comment-body ol li {
   margin: 5px 0;
   list-style: decimal;
   padding: 0 0 0 5px;
 }

.commentlist ol {
   list-style: decimal;
}
.commentlist .avatar {
   padding: 4px;
   border: 1px solid #e6e1db;
   float: left;
   margin-right: 8px;
}
.comment-author .fn a{
   text-decoration: none;
}
.comment-author cite {
   color: #000;
   font-style: normal;
   font-weight: bold;
}
.comment-author .says {
   font-style: italic;
}
.comment-meta {
   font-size: 12px;
   margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
   color:#999999;
   text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
   color:#999999;
}
.commentlist .even {
}
.commentlist .bypostauthor {

}
.reply {
   font-size: 12px;
   padding: 0 0 24px 0;
}
.reply a {
   background:#ebebeb; text-decoration:none; width:53px; height:23px; display:block; text-align:center; color: #777;
}
.reply a:hover {
   background-color:#d2d2d2;
   
}
.commentlist .children {
   list-style: none;
   margin: 0;
}
.commentlist .children li {
   border: none;
   margin: 0;
}
.nopassword,
.nocomments {
   display: none;
}
#comments .pingback {
   border-bottom: 1px solid #e7e7e7;
   margin-bottom: 18px;
   padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
   margin-top: -6px;
}
#comments .pingback p {
   color: #888;
   display: block;
   font-size: 12px;
   line-height: 18px;
   margin: 0;
}
#comments .pingback .url {
   font-size: 13px;
   font-style: italic;
}


/* Comments form */
input[type=submit] {
   color: #333;
   cursor: pointer;
   display:block;
   background-color: #ebebeb;
   border-radius:3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}
#respond {
   border-top: 1px solid #e7e7e7;
   margin: 24px 0;
   overflow: hidden;
   position: relative;
}
#respond p {
   margin: 0;
}
#respond .comment-notes {
   margin-bottom: 1em;
}
.form-allowed-tags {
   line-height: 1em;
}
.children #respond {
   margin: 0 48px 0 0;
}
h3#reply-title {
   margin: 18px 0;
   font-weight: normal;
}
#comments-list #respond {
   margin: 0 0 18px 0;
}
#comments-list ul #respond {
   margin: 0;
}
#cancel-comment-reply-link {
   font-size: 12px;
   font-weight: normal;
   line-height: 18px;
}
#respond .required {
   color: #ff4b33;
   font-weight: bold;
}
#respond label {
   color: #888;
   font-size: 12px;
}
#respond input {
   margin: 0 0 9px;
   width: 95%;
   border:1px solid #ebebeb;
   padding: 5px;
   color: #666;
}
#respond textarea {
   width: 95%;
   border:1px solid #ebebeb;
   color: #666;
   padding: 5px;
}
#respond .form-allowed-tags {
   color: #888;
   font-size: 12px;
   line-height: 18px;
}
#respond .form-allowed-tags code {
   font-size: 11px;
}
#respond .form-submit {
   margin: 12px 0;
}
#respond .form-submit input {
   font-size: 14px;
   width: auto;
}

/*contact form*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/

.contactform label {
   float:left;
   width:100px;
   font-size:12px;
   padding-top:4px;
   margin-right: 10px;
   color: #333;
   display:block;
   }
   
.contactform input {
   padding:5px;
   width:350px;
   border:1px solid #ebebeb;
   color: #666;
   }
   
.contactform textarea {
   color: #666;
   height:100px;
   width:350px;
   padding:5px;
   border:1px solid #ebebeb;
   }

.contactform p {
   margin-bottom:10px;
}   

.contactform .submit input {
   width: auto;
   padding: 5px 18px;
   background: #ebebeb;
   border: 0;
   font-size: 14px;
   color: #777;
   float: right;
   margin-right: 145px;
}   

.contactform .submit input:hover {
   background-color:#d2d2d2;
   cursor:pointer;
}

.needsfilled {
   background:#d2d2d2;
   color:white;
}

#sidebar-contact{
   padding-left: 10px;
}

/*gallery-wp*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/

#gallery-wp a{
   text-decoration: none;
   font-size: 18px;
}

.gallery-caption {
   margin: 0 0 5px;
}

/*--navigation--*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/

.navigation {
   float: left;
   width: 600px;
   margin: 20px 0;
}


.navigation .alignleft a {
   float: left;
}

.navigation .alignright a {
   float: right;
}

#nav-single {
    overflow:hidden;
    margin-top:20px;
    margin-bottom:10px;
}
.nav-previous {
    float: left;
    width: 50%;
}
.nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*--slider--*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/
/*#home-container{
 background:  url(images/home_container.jpg) no-repeat;
 margin: 0 auto;
 padding: 0px 0px 25px 0px;
}*/

#home-container{
   margin: 0px auto;
   position: relative;
   padding: 0px 0px 25px 0px;
   background:  url(http://ns23182.ovh.net/~wp_dsi/wp-content/themes/target/images/home.jpg) no-repeat center;
   background-position: top;
   width: 100%;
}

#slideshow { margin: 0 auto -34px;
        width: 963px;
        padding: 39px 0 0 0;
}

#slideshow div { width:963px;
      height: 350px;
      margin:0;
      position: relative;
}


.information {
background: #0b0c0c;
width: 430px;
height: 135px;
position: absolute;
right: 0px;
bottom: 35px;
padding: 10px;
}

.info-title{
   color: #ccc;
   font-size: 23px;
   line-height: 21px;
}

.information p{
   color: #ccc;
   margin-bottom: 10px;
   padding-top: 15px;
   line-height:17px;
   font-size:11px;
}

.read-more-slide{
   color: #ccc;
   font-size: 13px;
   text-decoration: none;
   background: #333;
   padding: 5px;
   }


/*--wp-pagenavi--*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/

.wp-pagenavi {
   color: #464646;
   margin-top: 30px;
}

.wp-pagenavi a {
   margin-left: 3px;
   padding: 3px 7px;
   text-decoration: none;
}

.wp-pagenavi a.page {
   padding: 2px 5px;
   margin: 2px;
   text-decoration: none;
   background: #f6f6f6;
}

.wp-pagenavi span.current {
   padding: 2px 5px;
   margin: 2px;
   font-weight: bold;
   background: #000;
   color: #fff;
}
.wp-pagenavi span.extend {
   padding: 2px 5px;
   margin: 2px;
   background: #f6f6f6;
   text-decoration: none;
}

.wp-pagenavi span.pages {
   padding: 2px 5px;
   margin: 2px;
   background: #f6f6f6;
}

/*--sub head and breadcrumbs--*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/

/*#subhead_container{
   background: #181a19;
   margin:0 auto;
   margin-bottom: 10px;
}*/

/*
#subhead_container{
   background: url(http://ns23182.ovh.net/~wp_dsi/wp-content/themes/target/images/home.jpg) no-repeat center;
   margin: -153px -529px 0;
}
*/

#subhead_container{
   background: url(http://ns23182.ovh.net/~wp_dsi/wp-content/themes/target/images/home.jpg) no-repeat center;
   background-position: top
   position: relative;
   margin: -150px 0 auto;
   width: 100%;
   padding: 0px 0px 25px 0px;
}

#subhead_wrapper{
   margin:0 auto;
   width: 963px;
}

/*
#subhead{
   float:left;
   width: 650px;
}
*/

#subhead{
   position:relative;
   width: 650px;
   margin: -3px 0 -45px;
}

/*
#subhead h1{
   color: #ccc;
   padding-top: 10px;
   padding-left: 0px;
   font-size: 3px;
}
*/

#subhead h1{
   color: #000;
   padding-top: 68px;
   padding-left: 0px;
   font-size: 20px;
   margin: 125px auto 6px;
   position: relative;
}

#breadcrumbs {
   padding-left: 25px;
   margin-bottom: 15px;
   color: #9e9e9e;
   margin:0 auto;
   width: 964px;
   font-size: 10px;
}

#breadcrumbs a{
   text-decoration: none;
   color: #9e9e9e;
}

/*--widget-formatting*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/

/*general*/

.widget-container {
   margin-bottom: 45px;
}

.widget-container ul li a   {
   text-decoration:none;
   color:#777;
}

.widget-container ul li a:hover   {
   text-decoration:none;
   color:#000;
}

.widget-container h3 {
   color: #333;
   padding: 0px 5px 8px 10px;
   margin: 0px 0px 0px 0px;
   overflow: hidden;
   font-size: 21px;
   font-weight: 500;
}

.widget-container ul li {
   border-bottom: 1px solid #ebebeb;
   padding: 7px 0px 7px 16px;
   margin-left: 12px;
   margin-right: 15px;
}

.widget-container ul li {
   background: url("images/bullet.png") no-repeat 0px 12px;
}

.widget-container ul li ul li{
   margin-left: 12px;
}

/*widgets*/

.textwidget {
   padding: 5px 11px;
}

#calendar_wrap {
   text-align: left;
   padding: 8px 15px;
   margin: 0;
}

#wp-calendar {
   text-align:   left;
   margin-top:   5px;
   width:   100%;
}

#footer-widget #wp-calendar a:hover{
   color: white;
}

#wp-calendar caption{
   font-weight: normal;
   font-size: 14px;
   margin-bottom: .4em;
}

#wp-calendar td{
   padding:10px;
}

#wp-calendar #today{
   font-weight: bold; color: #FF0000;
}


.widget_tag_cloud a{
   text-decoration: none;
   margin: 5px;
   line-height: 24px;
   
}

/*Alignments */
/*////////////////////////////////////////////////////////////////////////////////////////////*/

#left-col img {
   max-width: 620px;
}

.alignleft,
img.alignleft {
   display: inline;
   float: left;
   margin-right: 22px;
   margin-top: 9px;
}

.alignright,
img.alignright {
   display: inline;
   float: right;
   margin-left: 22px;
   margin-top: 8px;
}
.aligncenter,
img.aligncenter {
   clear: both;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft,
.alignright,
.aligncenter,
img.alignleft,
img.alignright,
img.aligncenter
{
   margin-bottom: 10px;
}

img.alignnone,
.alignnone {
   display: inline;
   margin-right: 15px;
   margin-top: 4px;
   margin-bottom: 12px;
}

.wp-caption {
   border: none;
   background: #f1f1f1;
   color: #888;
   font-size: 12px;
   line-height: 18px;
   text-align: center;
   margin-bottom: 15px;
   padding: 4px;
   -moz-border-radius: 0;
   -khtml-border-radius: 0;
   -webkit-border-radius: 0;
   border-radius: 0;
}
.wp-caption img {
   margin: 5px;
}
.wp-caption p.wp-caption-text {
   margin: 0 0 4px;
}
.wp-smiley {
   margin:0;
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}


et voici le fichier footer

Code : Tout sélectionner

   <!--footer-->
   <div class="clear"></div>
      
      <div id="footer">
      
   <!--footer container--><div id="footer-container">
      
      <div id="footer-widget">
         
         <?php
         /* A sidebar in the footer? Yep. You can can customize
          * your footer with four columns of widgets.
          */
         get_sidebar( 'footer' );
         ?>
         
         </div><!--footer widget end-->
         
         
      </div><!-- footer container-->
      
   <div class="clear"></div>      
         
   </div>
   
   <?php wp_footer(); ?>

</body>

</html>


[FiX']

Re,

Tu as un forum WordPress : http://www.wordpress-fr.net/support ! Je pense qu'il serait plus approprié de poser ta question là-bas.

en venant sur ce forum j'ai surtout vu "CMS"

Ce n'est pas parce que c'est écrit CMS, que ce site/forum parle de WordPress... il faut faire attention à ce qu'on recherche sur le net et aux résultats sur lesquels on tombe !

Pour info, Contao est un CMS. Il est plus puissant / pro que WordPress... bref, je vais pas retomber dans le débat WP vs Contao !

et je suis bien d'accord, j'aurais largement préféré créer le site de A a Z mais la demande du client est la demande du client...

Et alors ?

Si un client vient me voir demain pour me demander un site, et qu'il veut juste modifier un template préfabriqué... je recommencerai tout depuis le départ : plus simple, plus rapide, plus personnalisé, plus optimisé (dans tous les sens du terme), ... mieux quoi !

et voici le fichier footer

On va pas aller loin avec le fichier footer.php ! Il nous faudrait plutôt le code html généré par WP !

En gros, donne nous tout le code html de ta page... cela sera plus simple parce que là... ça ne sert à rien.

Mais comme dit, je pense qu'il serait plus logique que tu postes ton soucis sur le bon forum.

Edit 1 : Je n'avais pas vu ce message :

je souhaite ajouter un widget facile d'accès, je dois obligatoirement l’implanter dans des barres présentes dans le footer.... je me demande si mon soucis ne viendrait pas de la étant donné que j'ai placé un widget dans le fotter mais je le fait apparaitre à la limite du header quand on visualise la page

Drôle de façon de coder / intégrer les informations... j'ai pas vu ton code source... mais j'ai l'impression que c'est un peu du grand n'importe de quoi de procéder comme cela !

Edit 2 :

Un peu de hors-sujet : mais tu diras à ton client que le slogan "Si on en parlait"... a été déposé par la Société Générale...

A+

[Pagearo]

je m’arrête là, j'ai trouvé ma solution et vu le ton que tu emplois je ne dirais rien de plus a par ceci: l'humilité ça s'apprend et mon client est aussi mon directeur général alors merci pour les conseils
je m'était peut-être un peu mal exprimé dans les explications mais j'ai fini par trouver la lumière tout seul

[FiX']

je m’arrête là, j'ai trouvé ma solution et vu le ton que tu emplois je ne dirais rien de plus a par ceci: l'humilité ça s'apprend et mon client est aussi mon directeur général alors merci pour les conseils
je m'était peut-être un peu mal exprimé dans les explications mais j'ai fini par trouver la lumière tout seul

Excuse moi de vouloir t'aider...

Pas de ma faute si tu t'es trompé de forum
Pas de ma faute si les codes que tu nous as donné ne nous servent à rien
Pas de ma faute si au vu des descriptions que tu nous donnes ton code à l'air mal pensé

Bref, excuse-moi encore... je ne recommencerais plus.



Bonne continuation.