Webmaster Hub > css et bloc contenu

Version complète: sur le forum Webmaster Hub : css et bloc contenu

Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS

gimini

dimanche 2 janvier 2005 à 21:06

Bonjour,
Voici un bug qui me rend chèvre !
Avec les css, j'ai déclaré une zone navigation et une zone contenu.
Tout se passe très bien tant que, dans ma zone de contenu, mon texte est suffisament long pour remplir au moins au fois toute la longueur de la zone.
Si par exemple, le texte de la zone de contenu a plusieurs lignes, mais que les lignes n'ont que quelques mots, alors, ma zone de contenu se rapetissent et le texte est d'office mis à la ligne (alors qu'il n''y a pas de balise <br/>).

Merci infiniment pour vos réponses.
Gimini

Le résultat est visible à l'adresse suivante :
http://perso.wanadoo.fr/faire-connaitre/te...ons/tarifs2.htm

Une partie des css :

CODE

body{
padding : 0;
margin : 0;
background-image : url(images/bg.gif);
background-repeat : repeat-x;
font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
font-size: 11px;
background-color: transparent;
}

#content{
position : absolute;
top : 120px;
left : 230px;
padding-right : 10%;
}

#content h2{
font-size: 14px;
font-weight: bold;
color: #000000;
margin-top: 0;
margin-bottom: 0;
padding-top : 0;
padding-bottom : 0;
}

#content p{
font-weight : normal;
color : #000;
text-align: left;
margin-top: 0;
margin-bottom: 0;
padding-top : 0;
padding-bottom : 0;
}

#navigation{
position : absolute;
top : 120px;
left : 20px;
width : 160px;
margin-top: 0;
margin-bottom: 0;
padding-top : 0;
padding-bottom : 0;
font-size : 12px;
line-height : 15px;
}

Ernestine

dimanche 2 janvier 2005 à 21:14

Bonsoir Gimini,
Il suffit de définir une largeur (width) pour ton div Content

Tout comme tu l'as fait pour le div Navigation.
Et si tu veux qu'il s'adapte selon la résolution d'écran de l'utilisateur, tu peux le mettre en poucentage.
Au plaisir,
Ernestine

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.