Comment positionner un bloc à droite de l'écran ?

Version imprimable

14/02/2007, 16h37
rasfreedom

Comment positionner un bloc à droite de l'écran ?
Salut,

Je n'ai pas trouvé mon bonheur dans les autres post donc je me permets de faire appel a vous.
J'ai une structure basique header, content, footer.Je voudrais placer un p'ti tableau sur la droite de l'écran. j'ai faisun truc com ca: une div "toto" dans laquelle j'ai créé mon tableau, et voici le code css:
Code:

1 2 3 4 .toto{ color:#996600; float: right; }
ca m'aligne bien a droite sur IE, mais quand je regarde avec firefox ma div est placée a gauche de l'écran...

que dois-je faire please??

D'avance merci de votre réponse
14/02/2007, 16h45
Dan_A

Citation:

que dois-je faire please??

Donner plus de précisions ou fournir un lien vers la page ou poster le code .
14/02/2007, 16h51
rasfreedom

Quel code tu veux?
parce que c'est le seul code spécial que j'ai, celui de la div, sinon le reste c'est une page basique.
14/02/2007, 16h54
Dan_A

Le mieux, c'est un lien.
Sinon, le code de la page (tout le css et html - de préférence après avoir enlevé tout ce qui ne concerne pas le problème à régler).

je t'envois ca, tu me diras si ca suffit.Comme je suis au début du développement, il n'y a pas de code sur la page, juste une bannière et sinon elle est vierge.Le contenu de la page, donc inclu ma div "droite" est placé dans la div "content".

donc:

code CSS
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 body{ font-family: Arial,sans-serif; line-height: 1.166; margin: 0px; padding: 0px; } #content{ padding: 0px 10px 0px 50px; margin:0px 0px 0px 178px; border-left: 0px solid #ccd2d2; font-family:"Times New Roman", Times, serif; font-size:17px; text-align:justify; font-style:normal; } .droite { color:#996600; float: right; position:relative; }

14/02/2007, 17h21
Dan_A

Désolé, ça ne suffit pas.
Il faudrait l'HTML (avec le doctype utilisé).
A quoi correspond une hauteur de ligne de 1.166 ?

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>page perso</title>
 
  <div id="content">
 
c'est ici que je mets le contenu
<div class="droite">
<table width="10%" border="1">
    <tr>
      <td> <div align="center">Br&egrave;ves </div></td>
    </tr>
    <tr>
      <td>Ici le contenu de mes breves</td>
    </tr>
  </table>
 
</div>
 
  </div>
</body>
</html>

Il faut d'abord un code valide (ce n'était pas le cas de ce qui est au dessus.
Est-ce ce que tu voulais ?

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
 
<!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">
 <!-- DW6 -->
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
  <title>
   page perso
  </title>
<style type="text/css">
/*<![CDATA[*/
 body{
    font-family: Arial,sans-serif;
    line-height: 1.166;
    margin:0;
    padding:0;
}
#content{
    padding: 0 10px 0 50px;
    margin:0 0 0 178px;
    border-left: 0px solid #ccd2d2;/*???*/
    font-family:"Times New Roman", Times, serif;
    font-size:17px;
    text-align:justify;
    font-style:normal;
}
.droite {
color:#996600;
float: right;
}
table,td{border:1px solid black;}
/*]]>*/
</style>
 </head>
 <body>
  <div id="content">
   c'est ici que je mets le contenu
   <div class="droite">
    <table>
     <tr>
      <td style="text-align:center;">
      Br&egrave;ves
      </td>
     </tr>
     <tr>
      <td>
       Ici le contenu de mes breves
      </td>
     </tr>
    </table>
   </div>
 
  </div>
 </body>
</html>

14/02/2007, 20h22
rasfreedom

Impec, ca marche effectivement devait y avoir un ti problem dans mon en-tête :aie:

Par contre je remarque quelque chose, peut etre pourras-tu m'aider:
mon tableau se positionne bien a droite, sur les 2 navigateur, mais le hic c'est que (je vais try d'etre clair ...:D)si j'écris du texte dans le corps de la page le tableau descend au fur et a mesure que je fais des retours charriots.Comment faire pour qu'il reste fixé en haut de la page a droite, indépendemment de ce que j'écris dans la page???
15/02/2007, 14h23
rasfreedom

C'est bon, oubli, il fallait juste placer la div avant tout texte:aie:
C'est perfect.
encore merci