28221 sujets

CSS et mise en forme, CSS3

Largeur fixe et retour à la ligne???????????

Bonjour,

je viens de me lancer dans les mises en pages CSS et je trouve ca vraiment génial. Cependant j'ai un petit probleme, j'ai créé un div conteneur avec une largeur fixe qui contient 2 autres div à largeur fixe. Cependant lorsque j'ecris du texte dans un de ces 2 div s'il depasse la largeur le retour à la ligne ne se fait pas automatiquement et le div s'elargi et deborde sur l'autre. Je ne sais pas comment empecher cela.

Voici Mon CSS:

body {	
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif; 
text-align: center;
}

.conteneur{
position:absolute;
text-align: justify;
left: 50%; 
top: 50%;
width: 605px;
height: 344px;
margin-left: -302.5px; /* moitié de la largeur */
margin-top: -172px; /* moitié de la hauteur */
border-top: 1px solid #009933;
}

.gauche{
position: absolute;
width: 432px;
height:344px;
left:0; 
border-left: 1px solid #009933;
padding:10px;
}

.droite{
position:absolute;
background-color:#CCFFCC;
width:173px;
height:344px;
right:0;
margin-left:432px;
border-left: 1px solid #009933;
padding:10px;
}


voici le code HTML:
<body>
<div class="zoneactu">
   <div class="gauche"></div>
   <div class="droite"></div>
</div>
</body>



Merci d'avance!!!!!!!!!!!

ps:le site est au top
Modifié le 21 Jan 2005 - 05:39
Très rigide comme mise en pages.

En réalité, tu essais de faire entrer un contenu de 649px dans un conteneur de 605px


<div class="gauche">
border + padding + width + padding + border
1 + 10 + 432 + 10 + 1 = 454

<div class="droite">
border + padding + width + padding + border
1 + 10 + 173 + 10 + 1 = 195


Pour en savoir plus : Gérer les modèles de boîtes CSS standard et Microsoft

PS : Merci de ne pas abuser de la ponctuation... Smiley cligne
Administrateur
Et pour être encore plus clair, édite ton titre rapidement (article 2: pas de ça ici)!

Bienvenue ici,
Je t'invite à consulter les règles du Forum et à te présenter dans le topic présentation du Bar du Forum si le coeur t'en dit Smiley cligne
Sujet clos
Aller à