Texte dans une colonne qui déborde!

**pracede2005** · 08/11/2007, 21h09

Bonjour,

Je suis débutant en CSS et je veux créer le design d'un site web en CSS. Je souhaite subdiviser le site en 5 parties: l'entête, la colonne de gauche, la colonne du centre, la colonne de droite et le bas de page.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
<html>
<head>
<style type="text/css" media="screen">
div#entete {
	background: red;
}
div#droite {
	float: left;
	width: 160px;
	background: lightblue;
}
div#gauche {
	float: right;
	width: 300px;
	background: burlywood;
}
div#centre {
	background: khaki;
}
div#basdepage {
	background: red;
}
</style>
</head>
<body>
<div id="entete">
entete
</div>
<div id="droite">
droite makialakialakialzkikzijjdfikfjidkjfj
irkrqioqkdjfififdiqkffkofqoifkdjjiodfigjijo
gigjidfkkfjkfkjggjg iohri hriehrj kjkddjkdg
ddkgjh  hjfjdfjjdhjdkksd kfjj j ffjkqkhk fj
jdfkdj jfjkjfkj khhhhjhf jfjkfhkjrhjrkfjkfj
kfjjkfkjkgkjjgjfdkfjffjkdfkddffjfjfjfdjjfdj
je jkfjjfjf 
</div>
<div id="gauche">
gauche gauche gauche gauche
</div>
<div id="centre">
centre centre centre centre centre
centre centre centre centre centre
centre 
</div>
<div id="basdepage">
basdepage
</div>
</body>
</html>

Question:
Comment faire pour que te texte de la colonne de gauche ne déborde pas?
Merci

**Bisûnûrs** · 08/11/2007, 21h47

Avant toute chose, je te conseille de prendre la bonne habitude de mettre un DOCTYPE complet à ton document :
http://xhtml.developpez.com/faq/?pag...#html_doctypes

En ce qui concerne ton problème, je vois deux cas de figures :

1- Etant donné que le mot le plus long de la langue française est "anticonsitutionnellement" et qu'il rentre dans ta colonne, le simple fait de mettre des espaces dans tes longs textes sans devraient corriger le problème.
Mais je n'exclus pas le fait que tu peux faire un site étranger avec des mots bien plus longs.

2- Si donc tu as des mots à rallonge , une solution serait de mettre un overflow:hidden sur le div en question. Seul problème, le mot sera tronqué et la fin ne sera plus visible.

Il n'existe à l'heure actuelle pas d'autre solution en XHTML/CSS.

**pracede2005** · 08/11/2007, 22h11

Merci bien c'est cela.

Texte dans une colonne qui déborde!

Tableau en CSS

Discussions similaires

Partager

Partager