problème de positionnement Divs

J'ai besoin que ces deux divs ressemblent à une rangée de table, mais ils ne montrent pas l'un à côté de l'autre. De l'aide ?problème de positionnement Divs

<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <title>Info-Stanković Inženjering</title> 

     <style type="text/css"> 
      div#wrapper{ 
       width:1004px; 
       width:602px; 
       margin-left: auto; 
       margin-right: auto; 
      } 

      div#left{ 
       border-bottom: 1px solid #606060; 
       border-left: 1px solid #606060; 
       border-top:1px solid #606060; 
       width:640px; 
       height:600px; 
       min-width: 640px; 
       min-height: 600px; 
      } 

      div#right{ 
       border-bottom: 1px dashed #FF2A2A; 
       border-left: 1px dashed #FF2A2A; 
       border-right: 1px dashed #FF2A2A; 
       border-top:1px dashed #FF2A2A; 
       margin-left:643px; 
       width:360px; 
       min-width:360px; 
       height: 600px; 
       min-height: 600px; 
       float:left; 

      } 


     </style> 
    </head> 
    <body> 
     <div id="wrapper"> 
      <div id="left"> 

      </div> 
      <div id="right"> 

      </div> 
     </div> 
    </body> 
</html>

Source

2010-10-24 Rebecca

Je vois quelques problèmes: Vous avez spécifié deux largeurs différentes pour '# wrapper', et' # right' est 'float'' left'. Assurez-vous également que les largeurs internes de 'div' sont ensemble inférieures ou égales à la largeur de la' div' extérieure. – Chetan

essayez de définir overflow: auto sur #wrapper

Pour savoir pourquoi, regardez les réponses à ma question ici: Why does setting overflow alter layout of child elements?

Source

2010-10-24 21:25:13

Ne fonctionne pas. Il ajoute le curseur en bas mais divs n'est toujours pas dans la même rangée. – Rebecca

'# left' devrait également être' float: left' –

Le flotteur: gauche doit être sur div # gauche non div # droite #

Source

2010-10-24 21:26:57

Vous pouvez mettre en forme des blocs de code en ligne en les entourant de l'arrière. –

div # left encore besoin de "float: left", parce que div tag est un élément de bloc, il ne permet pas d'autres éléments autour de lui.

Source

2010-10-24 21:29:01

problème de positionnement Divs

Répondre

Questions connexes