|
|
| Auteur |
Message |
julien_f
Inscrit le: 10 Fév 2005
Messages: 2
|
 Posté le:
Jeu Fév 10, 2005 4:28 pm | Sujet du message : |
  |
Bonjour,
J'ai un problem de mise en page css.
voici mon code html:
| Code: |
<div id="conteneur">
<div id="entete"></div>
<div id="corps">
<div id="liens"></div>
<div id="texte"></div>
</div>
</div>
|
Je voudrais que le conteneur (div conteneur) prene en compte la hauteur (height) de ce que contienent les div que lui même contient (c'est à dire les div liens et texte) !
Le problème c'est qu'il ne prend en compte que la taille du div(texte) laissant horriblement sortir du background le div(lien) si il est plus long.
et si je passe le positionnement du div(corps) en absolute et bien: le background du conteneur s'arrete à la fin du div(entete) !!!
Au secours ! Merci de votre aide
mon code css :
| Code: |
div#conteneur
{
position: relative;
height: 100%;
background: url(bg_container.gif);
margin-left: auto;
margin-right: auto;
border-right: 3px solid white;
border-left: 3px solid white;
border-bottom: 3px solid white;
width: 650px;
text-align: justify;
font-size: 0.8em;
}
div#entete
{
background: url(head.jpg) no-repeat;
height: 321px;
margin: 0 0 30px 0;
}
div#corps
{
position: relative;
height: auto;
voice-family: "\"}\"";
voice-family: inherit;
margin-top: -30px;
margin-bottom: 10px;
}
div#liens
{
background: url(linklist_bg.jpg);
float: left;
position: relative;
font-family: Georgia,"MS Sans Serif", Geneva, sans-serif;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 15px;
margin-bottom: 10px;
padding: 10px;
width: 200px;
}
div#texte
{
background: url(st_bg.gif);
position: relative;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 250px;
padding: 10px;
width: 350px;
} |
|
|
|
|
  |
|
cky2k
Inscrit le: 03 Mar 2005
Messages: 9
|
| Posté le:
Lun Mar 07, 2005 4:33 pm | Sujet du message : |
|
Tu devrais déjà voir à utiliser moins de balises div, par exemple, pour tes liens utiliser une liste plus adaptée :
| Code: | <ul class="corps">
<li><a href="">Menu 1</a></li>
<li><a href="">Menu 2</a></li>
<li><a href="">Menu 3</a></li>
<li><a href="">Menu 4</a></li>
</ul> |
Vas faire un tour du coté d'alsacreations pour plus de renseigements.
Je vais jetter un coup d'oeil plus appronfondi sur ton code, mais pour l'instant je n'ai pas trop le temps.
Bon courage! |
_________________
disengage the simulator.
|
|
|
|
julien_f
Inscrit le: 10 Fév 2005
Messages: 2
|
| Posté le:
Lun Mar 07, 2005 5:14 pm | Sujet du message : |
|
et ben ce que tu me donne c'est ce que j'ai mis dans mon <div id=" liens"> les div qui sont autour sont pour la mise en forme pour avoir des zones !
et ce que je ne comprend pas c'est que bien qu'ils soient dans le <div id="corps">, le <div id="lien"> reussi à sortir de son conteneur !
merci pour l'adresse 
bonne journée et si quelqu'un à une illumination une chandelle sera la bienvenue
bonne soirée ou journée ... |
|
|
|
|
|
cky2k
Inscrit le: 03 Mar 2005
Messages: 9
|
| Posté le:
Mar Mar 08, 2005 12:00 pm | Sujet du message : |
|
Essaie peut-être de passer le cadre liens en absolute. J'ai essayé mais j'aimerais un exemple plus complet.
On peut voir une de tes pages sur le net?
Parcequ'avec ce que tu donnes je ne voit pas bien le problème. |
_________________
disengage the simulator.
|
|
|
|
|
|
Vous ne pouvez pas poster de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas voter dans les sondages de ce forum
|
| |
Rechercher
