Longueur d'un div

**flexx** · 30/10/2005, 14h46

Salut

Je voudrais pouvoir placer un div à un endroit donné de ma page et faire en sorte que sa longueur s'ajuste automatiquement à la bordure droite de la page.

J'ai donc testé en mettant une propriété width à 100%.
Ca fonctionne bien sous IE, par contre, sous Firefox, il déborde sur la droite (en fait, il prend la largeur totale de la 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
 
<html>
 
  <head>
    <title> test </title>
  </head>
 
  <body>
 
    <div style='background-color:#cccccc; height:50px; width:100%; margin-top:150px; margin-left:200px;'>
    </div>
 
  </body>
 
</html>

Savez-vous comment faire ?
Merci

Invité · 30/10/2005, 15h09

C'est à cause du margin_left je pense...
Tu a un div de 100% et en plus une marge de 200 px alors ça déborde...
Fait un div d'un peu moins de 100% et ta marge en pourcentage aussi (de façon à ce que ce soit complémentaire

)!

**flexx** · 30/10/2005, 15h16

Merci pour ta réponse mais ça ne fonctionne pas

Le truc, c'est que ça marche bien sous IE.
Si je mets 100% pour la largeur du div, celui-ci s'ajuste bien à la bordure droite de la fenetre, quelque soit la marge à gauche.
Par contre, sous Firefox, il fait un calcul suivant la largeur de la fenetre (100% de 1024px par exemple).

Invité · 30/10/2005, 15h36

Bon j'ai une idée un peu lourde qui devrait marcher dans tous les cas :
tu fait un tableau de largeur 100%, tu fait 2 colonnes, une ou il y a le message et l'autre de largeur 200px

.