Créer un compte
Connexion

Générateur d'Emails Anti-Spam (Javascript)Compresseur de Code JavascriptBoutons de navigationTextes stylés (Pseudo)Images perso pour forums (avatar)UserbarSignatures pour forumsBarres de navigationOmbres sur texte CSS3Horloges Flash analogique et numetiques
Vous êtes ici: Support du Web > Forum > Sites Web > (X)html/CSS/Javascript > Problème positionnement de div

Problème positionnement de div

Pour créer et répondre aux sujets, vous devez être connecté.
Pages: 1
Auteur Message
pinprenelle
27/04/2011 à 14:47:28
pinprenelle
Membre
 Bonjour

J'ai voulu faire un site entièrement en div en utilisant le positionnement mais j'ai dû passer à côté de quelque chose... c'est pourquoi je demande un oeil neuf et expert.

J'ai mis le css dans le html pour que ça soit plus pratique:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
</head>
<body bgcolor="#ded9cc">
  <div id ="general" style="position:absolute; width:1002px; border:1px solid darkred;left:50%; margin-left:-501px;height:100%;">
     
    <div id="orange" style="background-color:#d86b00; width:1000px; height:100px; position:relative; z-index:1; margin-right:auto; margin-left:auto; top:50px;"></div>
   
    <div id="rouge" style="background-color:#8e100a; width:200px; height:100%; position: fixed; z-index:5; margin-bottom:0px; top:0px;margin-left:50px; "></div>
 
    <div id="contenu" style="background-color:#cfcfcf; width:726px; border:1px solid black; position: relative; z-index:15; margin-left:250px; margin-top:50px; margin-bottom:0px;">
    <!--aaa<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>zzz  -->  
    </div>
   
    <div id="jaune" style="background-color:#dbc620; width:1000px; height:60px; position:relative; z-index:10; margin-bottom:50px; bottom:0px"></div>
     
        </div>

</body>
</html>
J'aimerai que lorsque mon contenu est long ma div jaune s'adapte (qu'elle reste toujours à 50px du bas du site)

1/ Si je mets ma div jaune en position relative c'est bon excepté le fait que si j'ai pas beaucoup de contenu elle remonte ...

2/ Si je mets ma div jaune en position fixed, elle reste toujours à 50px du bas mais si j'ai beaucoup de contenu, il dépasse ma div...

3/ Autre soucis un peu bizarre: si je mets ma div jaune en relative je suis obligée de mettre ma div general en height: auto.
Mais si je la mets en fixed, je dois passer ma div general en height: 100%.


Perso j'ai eu beau réviser mon positionnement CSS je rame grave!

Merci d'avance
Lolo44
27/04/2011 à 20:25:33
Lolo44
Membre
 As tu essayé position absolute ?
:exit: Accéder au site web de ce membre
Lolo44
29/04/2011 à 20:51:37
Lolo44
Membre
 Tu as résolu ton problème?
:exit: Accéder au site web de ce membre
pinprenelle
30/04/2011 à 00:58:54
pinprenelle
Membre
 Non malheureusement! J'ai essayé la position absolute avec pas mal de modifs et ça arrange certains trucs mais ça en bousille d'autre...
Je vais essayé ce week end de tout reprendre à zéro
Lolo44
01/05/2011 à 09:22:09
Lolo44
Membre
 Ok, par contre , je ne comprends pas ca : <!--aaa<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>zzz  -->  
:exit: Accéder au site web de ce membre
pinprenelle
01/05/2011 à 22:57:49
pinprenelle
Membre
 mdr! c'est juste pour tester quand j'ai beaucoup de contenu: je commente et décommente à souhait :p
Lolo44
03/05/2011 à 09:22:12
Lolo44
Membre
 Ah ok lol!
Sinon t'as réussi pour le CSS?
:exit: Accéder au site web de ce membre
Pages: 1