28173 sujets

CSS et mise en forme, CSS3

Bonjour
Voila le site de mon portfolio: http://nuts.freezee.org/
J'ai comme vous pouvez le voir un problème d'extensibilité, pourriez vous m'aidez à le regler??

/* Réalisé par Arthur 
Debut :: 05/02/06 
Fin de la partie css :: ??/??/?? */

body
{
    width: 780px;
	margin: auto;
	background-color: #F0F0F0;
	font: 0.8em "Trebuchet MS", serif;
	color: #042858;
	text-align: left;
	padding:0px;
}

/* Le header */

#header
{
	width: 780px;
	height: 125px;
	margin-bottom: 0px;
	background-image:url(images/header.png);
	background-repeat: no-repeat;
}

#headermenu
{
    width:380px;
	margin: 0;
	padding:0;
	height:125px;
	float:right;
}

#headermenu ul
{
	list-style-type: none ;
}

#headermenu li
{
	float: left ;
	margin: 68px 5px 0 0;
	text-align: center ;
}

#headermenu a
{
	display: block ;
	width: 72px ;
	line-height: 22px ;
	background: url(images/boutton.gif) no-repeat 0 0 ;
	font-weight: bold;
	font-size: 1em;
	font: Arial, serif;
	color: #000000;
	text-decoration: none ;
}

#headermenu a:hover
{
	width: 72px;
	line-height: 22px;
	background: url(images/boutton.gif) no-repeat 0 -22px ;
}

/* Le corps de la page */
#corps
 {
	width:780px;
	background-image:url(images/milieu.png);
	background-repeat:repeat-y;
 }

#plume
 {
	width:720px;
	height:386px;
	background-image:url(images/plume.png);
	background-repeat: no-repeat;
	background-position : bottom right;
	padding: 10px 10px 24px 25px;
 }
 
#corps h1
{
	margin: 0;
	margin-left:-11px;
	margin-right:-18px;
	background-color: #E2F4FF;
	color: #17365F;
    text-align: center;
	font: 1.4em Arial, serif;
}

#corps a
{
	color: #042858;
	font-weight: bold;
	text-decoration:none;
}


/* Le pied de page : footer(qui se trouve tout en bas, en général pour les copyrights) */

#footer
{
	width: 780px;
	height: 46px;
	background-image:url(images/footer.png);
	background-repeat: no-repeat;
}

 /*autres */


p
{
	margin-bottom: 0;
}

p:first-letter
{
	font-weight: bold;
	font-size: 1.2em;
	font:Franklin Gothic Medium;
	color:#264B7B;
	text-transform: uppercase;
}




Merci d'avance

Arthur
Modifié par Nuts (19 Feb 2006 - 19:14)
#plume {
	width:720px;
	height:386px;
}


Ça vient sans doute de ta hauteur fixe, non ?
Ensuite, c'est à toi de choisir si tu veux une hauteur fixe et une barre de défilement à l'intérieur du bloc (ce que je ne conseille pas), ou bien plutôt une hauteur minimale, mais qui pourra être étendue si le contenu dépasse cette hauteur.
Ce qui nous donne :
#plume {
	width:720px;
	min-height:386px;
}


Internet Explorer ne comprend pas min-height, mais il y a des moyens de ruser. Une recherche sur IE et min-height sur ce forum devrait te donner des réponses.
Merci beaucoup sa marche nikel, sous ie aussi!!!
En plus c'est ce que je cherchai, avoir une hauteur minimal Smiley langue