28220 sujets

CSS et mise en forme, CSS3

Height 100%

Bonsoir,
Dans la v2.3 de mon site j'utilisais l'attribut height: 100% qui marchait sans problème, après une refonte du css. Celui ci ne marche plus, si par contre je met l'attribut position:absolute dans "contenair" alors l' attribut marche mais le site ne ce centre + ...

 
[b]Stylsheet[/b]
body 	{
background-color:#D6CFC5;
background-image:url(img/patern.png);
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 13px;
margin-top:0px;
		}
#contenair {
background-color:#D6CFC5;
margin: auto;
height:100%;
width:800px;
		}

#content {
overflow:auto;
}

#title {
background-color:#D6CFC5;
border:0px;
width: 88px;
height:600px;
float:left;
		}
#paint {
background-color:#D6CFC5;
background-repeat:no-repeat;
width:138px;
height:400px;
float:right;

		}	

#banner {
background-color: #E2DED8;
width:98%;
height:10%;
overflow:scroll;
border:1px solid #AC9E8A;
border-right: 3px solid #AC9E8A;
}

#footer {
background-color:#D6CFC5;
font-family: Verdana;
font-size: 10px;
text-align:center;
clear:both;
bottom: 0px;
}


Merci d'avance pour l'aide
Modifié par Bleeps (22 Dec 2005 - 03:05)
Merci Raphael, en effet ça marche =D
Pas encore tester sous IE (la flemme de rebooter sur un windaube).
Par contre j'ai mon footer qui est :


Css :
#footer {

background-color:#D6CFC5;

font-family: Verdana;

font-size: 10px;
bottom: -5px;
position:fixed;

text-align:center;

}


/* Fixed est support sur IE ? */ 


Html : 

<p id="footer" class="lightbrown">	

<strong><? echo $lang['update']?></strong> 09/12/05  &bull;

<strong><? echo $lang['infos']?></strong> &bull;

<a href="#">Xhtml</a> - 

<a href="#">Css </a> &bull;

<strong><? echo $lang['optimize']?></strong>
<a href="http://www.mozilla-europe.org/fr/">Mozilla</a> &bull;

<a href="index.php?page1=<? echo $page1 ?>" <strong>English</strong></a>

</p>


Mais le footer ne ce centre plus Smiley ohwell
J'ai pourtant mis text-align: center, mais depuis la modif pour le height ça c'est mis à gauche.


Bizzard, donc si Raph ou quelqu'un à une idée pour corriger =D.
Mci bien en ts cas !
Modérateur
bonjour,
position:fixed;
n'est pas supporté par IE
mais le "absolute" devrait lui convenir.
a toi de voir si tu utilise le "!important" ou le commentaire conditionnel pour lui appliqué cette valeur.
a plus
Pour le fixed je viens de voir =P
Par contre je comprend pas trop l'histoire de !important ou commentaire conditionnel. Si vous avez des liens à ce sujet car la je connais pas trop =P
Mci d'avance
Modérateur
par exemple avec important, ton css deviendrais :
#footer {
background-color:#D6CFC5;
font-family: Verdana;
font-size: 10px;
bottom: -5px;
position:fixed!important;/* cette ligne sera considerer comme la valeur a considerer pour position */
position:absolute;/* IE n'a pas compris que la ligne precedante etait celle qui etait importante , et prendra celle ci (la derniere ) en compte */
text-align:center;
}


Sinon, une fois encore je pense que la faq devrait te donner les reponses et bien expliquées.
a plus
Oki je v'ai voir dans le faq pour le important et tous.
Mci pour la petite explication.

Ps : Si ta des liens qui en parle je veux bien.
Modifié par Bleeps (22 Dec 2005 - 01:43)
Sujet clos
Aller à