28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Afin d'alléger un peu la navigation sur mon site j'ai décidé d'utiliser les pseudo frames, cependant je pensais avoir réussi mon codage CSS pour que mon design s'allonge automatiquement mais ce n'est pas le cas.

Mon projet n'avance pas malgré mes tentatives désespérées depuis 1 mois alors si quelqu'un pouvait m'aider pour revoir mon codage sa serait vraiment sympa Smiley ohwell

Le lien de mon site si vous voulez voir ce que j'obtiens actuellement ( seul la rubrique navigation fonctionne )
Mon site

Mon CSS:

/* ------------------- :: FOND DU SITE :: ------------------ */
body
{
	width: 1000px;
	margin-top: 0px; 
    margin-bottom: 0px;
	margin: auto;
	background-color: #7f6f89;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 73%;
	color: #6b585a;
}

/*//////////////////////////////////////// GLOBAL /////////////////////////////////////////*/
/*//////////////////////////////////////// /////// /////////////////////////////////////////*/

#global
{
	margin: auto;
	height:100%;
	background: url(../images/design/fd.png) repeat left !important;
	background: none;
	min-height: 100%;
	max-width: 1000px;
}

/*//////////////////////////////////////// HEADER/////////////////////////////////////////*/
/*//////////////////////////////////////// /////// /////////////////////////////////////////*/

#header
{
   width: 1000px;
   height:364px;
   background-image: url("../images/design/header.png");
   background-repeat: no-repeat; 
}

#zemanga
{
	width: 200px;
	position: relative;
	left: 28px;
	top: 31px;
}

#classement
{
	width: 200px;
	position: relative;
	left: 350px;
	bottom: 298px;
}

#publicite
{
	width: 468px;
	position: relative;
	left: 290px;
	bottom: 271px;
}

h5
{
	text-align: center;
	position: relative;
	bottom: 9px;
}

#statistique
{
	width: 160px;
	position: relative;
	left: 797px;
	bottom: 382px;
}

/*//////////////////////////////////////// PAGE /////////////////////////////////////////*/
/*//////////////////////////////////////// /////// ///////////////////////////////////////*/

#page
{
   width: 1000px;
   height:760px;
   background-image: url("../images/design/contenu.png");
   background-repeat: no-repeat;
}

#navigation
{
	width: 200px;
	position: relative;
	left: 49px;
	top: 23px;
}

#multimedia
{
	width: 200px;
	position: relative;
	left: 49px;
	top: 82px;
}

#chat
{
	width: 210px;
	position: relative;
	left: 43px;
	top: 133px;
}

#content
{
    width: 672px;
    position: relative;
    left: 272px;
	top: -650px;
}

#ex ([#red]je voulais que ce soit cet image de fond qui s'allonge)]je voulais que ce soit cet image de fond qui s'allonge)]
{
   width: 1000px;
   height:4px;
   background-image: url("../images/design/ex.png");
   background-repeat: repeat-y;
}

/*//////////////////////////////////////// FOOTER /////////////////////////////////////////*/
/*//////////////////////////////////////// /////// /////////////////////////////////////////*/

#footer
{
   width: 1000px;
   height:73px;
   background-image: url("../images/design/footer.png");
   background-repeat: no-repeat;
}

#partenaire
{
	width: 800px;
	position: relative;
	left: 40px;
	top: 45px;
}

h6
{
	width: 200px;
	position: relative;
	left: 40px;
	bottom: 21px;
}


Pour le code source je vous laisse el regarder sur le site directement pour éviter de surcharger mon post, merci d'avance.
Modifié par Sidji (02 Mar 2008 - 19:12)