Largeur max pour un div ?

Largeur max pour un div ? - HTML/CSS - Programmation

Marsh Posté le 30-08-2010 à 13:37:02    

Bonjour,
 
Je me casse les dents  :fou:  avec une connerie... J'ai lu plusieurs topics dans le même genre de sujet mais j'ai jamais trouvé de solution satisfaisante.
 
J'ai deux blocs dans la largeur de l'écran. Le bloc de gauche est de largeur fixe (350px) et je souhaite que le bloc de droite fasse le max de la largeur restante.
L'énoncé me semble aisé mais la résolution de celui-ci me dépasse en fait !
 
Mon CSS ressemble à ca :
 


#conteneur_Affichage{
    clear: left;
    width: 100%;
    height: 700px;
    margin-top: 10px;
}
    #blocA{
        float: left;
        width: 350px;
        height: 700px;
        margin-top: 52px;
        margin-left: 30px;
        background-color: #D9D9D9;
    }
    #blocB{
        float: left;
        width: auto;
        height: 700px;
        margin-left: 30px;
        border: 1px solid #D9D9D9;
    }
 


Mon bout de HTML ressemble à ca

<div id="conteneur_Affichage">
    <div id="blocA">
        Texte dans mon bloc A
    </div>
    <div id="blocB">
        Un autre texte dans mon bloc B
    </div>
</div>


Problème quand je fais cela : le cadre de mon blocB ne fait que la largeur du texte qui est dans le div correspondant. Or, je souhaiterai que ce div fasse le max de la largeur restante...
 
Si quelqu'un à une idée...
 
D'avance merci


---------------
Qui boit sans soif gerbe sans efforts !
Reply

Marsh Posté le 30-08-2010 à 13:37:02   

Reply

Marsh Posté le 30-08-2010 à 15:07:21    

Essaye ceci :
 

Code :
  1. #blocB{
  2.    height: 700px;
  3.    margin: 30px 30px 30px 400px ;
  4.    border: 1px solid #D9D9D9;
  5.   }


---------------
*** [Feed-Back] AzOo ***
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed