wéooo...wéaaa...
j'essayer de faire une mise en page sur 2 colonnes avec un header, un conteneur (ds lequel se trouveront les 2 colonnes) et un footer.
je m'inspire de cet exemple:
http://css.alsacreations.com/modeles/modele15.htm
mais dans l'un de mes <div> le fond qui devrait se dupliquer, ne s'affiche même pas...
pour realiser ma page, j'ai un <div id="global"> qui est le conteneur principal centré dans la page. celui-ci contient trois autre <div>:
le header, le conteneur et le footer.
le conteneur contient deux autres <div>: "#gauche" et "#droite". Afin que ces deux derniers ont la même couleur de fond suivant la hauteur de chacune d'elle j'ai essayer de dupliquer un fond dans le <div id="conteneur"> mais malheureusement celui-ci ne le fait pas et c'est le fond du body qui apparait
voici mon code CSS:
et mon code html
le tout est également visible ici:
http://thomascaryn.phpnet.org/winenot-v2/public/accueil.php
si qqun pouvait m'aider,
merchi
Modifié par unlimilove (04 Nov 2006 - 16:14)
j'essayer de faire une mise en page sur 2 colonnes avec un header, un conteneur (ds lequel se trouveront les 2 colonnes) et un footer.
je m'inspire de cet exemple:
http://css.alsacreations.com/modeles/modele15.htm
mais dans l'un de mes <div> le fond qui devrait se dupliquer, ne s'affiche même pas...
pour realiser ma page, j'ai un <div id="global"> qui est le conteneur principal centré dans la page. celui-ci contient trois autre <div>:
le header, le conteneur et le footer.
le conteneur contient deux autres <div>: "#gauche" et "#droite". Afin que ces deux derniers ont la même couleur de fond suivant la hauteur de chacune d'elle j'ai essayer de dupliquer un fond dans le <div id="conteneur"> mais malheureusement celui-ci ne le fait pas et c'est le fond du body qui apparait
voici mon code CSS:
body {
background-image:url(../gfx/background.gif);
background-repeat:repeat;
background-color:#00CCCC;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:14px;
text-align: justify;
}
#global {
width: 760px;
margin: 0 auto;
}
#header {
height: 220px;
}
#conteneur {
background-image:url(../gfx/bkgdconteneur.gif);
background-repeat:repeat-y;
}
#gauche {
float: left;
width: 560px;
height: 200px;
}
#droite {
float: right;
width: 200px;
}
#footer {
clear:both;
height: 51px;
background-image:url(../gfx/basdepage.gif);
background-repeat:no-repeat;
}
et mon code html
<body>
<div id="global">
<div id="header">
<?php include "include_menu.php";?>
</div>
<div id="conteneur">
<div id="gauche">
<p class="titre">Accueil</p>
<p class="text">Bienvenue.</p>
<p class="text">
Wine-Not est heureux de vous accueillir sur son nouveau site.<br />
Nous vous proposons un concept original qu'est la combinaison d'un Wine-Shop et d'un Wine-Bar: achat des vins en provenance directe des propriétés et possibilité de les déguster sur place, accompagnés d'une petite restauration artisanale.<br />
Un vin en promotion vous sera proposé chaque mois. Des nouveautés, ainsi que diverses manifestations, viendront alimenter très régulièrement le site.<br />
N'hésitez donc pas à nous rendre une petite visite (réelle ou virtuelle) de temps en temps ou à nous laisser vos coordonnées.
</p>
</div>
<div id="droite">
<p class="text"> test</p>
</div>
</div>
<div id="footer">
</div>
</div>
</body>
le tout est également visible ici:
http://thomascaryn.phpnet.org/winenot-v2/public/accueil.php
si qqun pouvait m'aider,
merchi
Modifié par unlimilove (04 Nov 2006 - 16:14)
