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

**rasfreedom** · 14/02/2007, 16h37

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 :

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

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

**Dan_A** · 14/02/2007, 16h45

que dois-je faire please??

Donner plus de précisions ou fournir un lien vers la page ou poster le code .

**rasfreedom** · 14/02/2007, 16h51

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.

**Dan_A** · 14/02/2007, 16h54

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).

**rasfreedom** · 14/02/2007, 17h06

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 :

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
 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;
}

**Dan_A** · 14/02/2007, 17h21

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

**rasfreedom** · 14/02/2007, 17h40

Code html :

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
<!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>

**Dan_A** · 14/02/2007, 18h37

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 html :

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
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>

**rasfreedom** · 14/02/2007, 20h22

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

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 ...

)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???

**rasfreedom** · 15/02/2007, 14h23

C'est bon, oubli, il fallait juste placer la div avant tout texte

C'est perfect.
encore merci

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

Positionnement en CSS

Discussions similaires

Partager

Partager