Positionnement div & texte

**GogNav** · 26/05/2007, 09h50

C'est tout bête, j'aimerais positionner les div (.code) les uns après les autres, mais en-bas du div (#console). Ici je fais juste l'exemple avec deux div :

Code :

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

1
2
3
4
<div id="console">
   <div class="code">hello world</div>
   <div class="code">hello world 2</div>
</div>

Le CSS:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
#console  { 
   width: 400px;
   height: 200px;
   border: solid 1px; 
}
 
.code {
   border: dotted 1px; 
   bottom:0px;
}

Si j'ajoute le position absolute, ils se mettent en bas, mais l'un sur l'autre. Comment faire, merci!

**Nesmontou** · 26/05/2007, 12h08

Salut, tu peux essayer ça

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
<html>
	<head>
		<style type="text/css">
			#console {
				border: solid 1px;
				height: 200px;
				position: relative;
				width: 400px;
			}
 
			.bottom {
				bottom: 0px;
				position: absolute;
			}
 
			.code {
				border: dotted 1px;
			}
		</style>
	</head>
	<body>
		<div id="console">
			<div class="bottom">
				<div class="code">hello world</div>
				<div class="code">hello world 2</div>
			</div>
		</div>
	</body>
</html>

Bon développement

**GogNav** · 26/05/2007, 16h45

Pas bête l'idée!

Mais qu'en pensez-vous : l'idée est de faire comme une console en quelque sorte... le texte le plus récent se met le plus bas possible, le reste monte. Ensuite avec un overflow, y'a le scroll. J'utilise une div par ligne (ou plus si le texte dépasse) afin d'appliquer des effets... est-ce que les div sont nécessaire.. .ou plutôt faire avec la balise <p>?

Le prblème maintenant... c'est que mon overflow, si je le met a bottom alors il faut que je lui précise une hauteur, et donc il ne s'affichera plus par le bas. Si je met l'overflow au div console, ca marche, mais j'ai pas le scroll qui s'affiche (il faudrait faire ça sur le bottom non?)

Positionnement div & texte

Positionnement en CSS

Discussions similaires

Partager

Partager