balise DIV tjs au même endroit

Version imprimable

15/06/2005, 16h21
badboy7

balise DIV tjs au même endroit

bonjour,

Comment faire pour qu'une DIV reste tjs à une position donnée sur l'écran (au millieu de l'écran par exemple) ?
En fait je voudrais qu'une zone TEXTE AREA reste au milieu en bas de ma page... comment dois-je m'y prendre ? avec une DIV ?
15/06/2005, 16h36
Oluha

oui il faut utiliser une <div>
15/06/2005, 16h43
ilood

Et tu peux la centrer en ajoutant un style.

Code:

<div style="width: 60%;margin: 0 auto;">Ma div centrée</div>

oui... Bon autant compléter non?

Code:

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <title>Centrage d'éléments</title> <style type="text/css">
<!--
 
* {
margin: 0;
padding: 0; }
 
body {
background:#000; }
 
#boite {
margin: -50px -100px;
position:absolute;
top:50%;
left:50%;
background:#555;
width:196px;
height:96px;
border:2px outset #DB8; }
 
.centrage {
text-align:center;
line-height:96px; }
 
//-->
</style> </head> <body>
 
<div id="boite" class="centrage">Salut!</div>
 
</body> </html>

A adapter pour le textarea...

@+ :wink:

15/06/2005, 21h58
badboy7

Oki merci a tous.

Mais en fait le prob C ke ça reste pas au centre de l'écran si la page web est large...

me faudrait un truc ki reste au centre si on scroll vers la gauche ou droite...
15/06/2005, 22h26
badboy7
En fait c'est bon j'ai trouvé par moi même :D

Voici ma solution
Code:

1 2 3 4 <style> #menu {display:block; top:13px; left:50%; width:500px; margin-left:-250px; position:fixed; } </style> <div ID=menu>dsdsd</div>
le position:fixed fait apparement que ça bouge plus...
15/06/2005, 22h34
Ricou13

Tu as testé sous IE ?

Je crois que tu seras décu :?
15/06/2005, 22h40
koala64

oui... dans ce cas regarde plutôt là:

http://batraciens.net/css-astuces/zone-fixe-3.htm

:)