Créer un compte
Connexion

Images perso pour forums (avatar)Signatures pour forumsUserbarBoutons images htmlBoutons de navigationCompresseur de Code JavascriptGénérateur d'Emails Anti-Spam (Javascript)Textes stylés (Pseudo)Générateur de Lecteur Video HTML5Émoticônes / Smileys
Vous êtes ici: Support du Web > Forum > Sites Web > (X)html/CSS/Javascript > probleme CSS /HTML

probleme CSS /HTML

Pour créer et répondre aux sujets, vous devez être connecté.
Pages: 1
Auteur Message
Aglzime
06/02/2011 à 01:41:43
Celui qui sacrifie sa liberté pour sa sécurité, ne mérite aucune des deux ! Aglzime
Membre
 Bonjour a tous et a toutes,
voilà j'ai un petit soucis :
jaimerai faire glisser le bloc "partie_B" dans cette exemple à droite de la "partie_A" , ce code fonctionne bien sous Mozilla mais pas sur IE , probleme de "float" je suppose.
voici le code :
<style type="text/css">
#bodypage{
 width : 1000px;
 Background-color: #ffffff;
 margin-top: Opx;
 padding: 0px;
}
.partie_A{
 width : 200px;
 background-color: #FAF8CC;
 height: 100%;
 float:left;
}
.partie_B{
width : 800px;
margin-top : 5px;
margin-left: 200px;
background-color: #82CAFF;
height: 100%;
}

.clear
{
        clear:both;
}
</style>
        <div class="clear"></div>
<div id="bodypage">
        <div class="partie_A">
        La partie  A (celle qui doit ce situer à gauche -200px-)<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 />
        </div>
        <div class="Partie_B">
        Partie B ( celle qui doit se situer à droite -800 px-)

    </div>
</div> et si c'est possible de m'expliquer l'erreur
merci d'avance
ybouane
06/02/2011 à 17:25:33
ybouane
Admin
 Bonjour,
Le bloc B ne se glisse pas à coté du bloc A, car il y a une marge qui fait qu'il est trop grand.
Il faut donc enlever les marges à tous les div à l'intérieur de #bodypage
Le code à utiliser doit être similaire à:
#bodypage div
{
        margin:0px;
        padding:0px;
}
Cordialement :)
Image
Aglzime
07/02/2011 à 00:55:49
Celui qui sacrifie sa liberté pour sa sécurité, ne mérite aucune des deux ! Aglzime
Membre
 Bonsoir ça ne fonctionne pas !!!
Le bloc B se déplace en dessous du bloc A .
Aglzime
08/02/2011 à 20:45:11
Celui qui sacrifie sa liberté pour sa sécurité, ne mérite aucune des deux ! Aglzime
Membre
 à l'aide svp !!
Pages: 1