Tema: Div no se posiciona donde debe
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/04/2011, 11:54
palme90
 
Fecha de Ingreso: abril-2011
Mensajes: 8
Antigüedad: 13 años, 7 meses
Puntos: 0
Div no se posiciona donde debe
Tengo el siguiente html:


Código HTML: 
Ver original
  1. <div id="ambos">
  2.  
  3.     
  4.     
  5.     
  6.     <img src="imagenes/peugeot206.jpg" id="imagen" alt="peugeot 206">
  7.     
  8.  
  9.     
  10.  <div id="borde"> 
  11.    
  12.     <div id="datos">
  13.         
  14.         <h2> Peugeot 206 Gen&eacute;ration </h2>
  15.                         
  16.              <p> 5 puertas, Motor 1.4 </p>
  17.        <p> Contado: $50.000 Cuotas: $500 </p>
  18.         
  19.     </div>
  20.  </div>
  21.  
  22. </div>    
  23.  
  24. <div id="ambosinv">
  25.  
  26.     
  27.     
  28.     
  29.     <img src="imagenes/peugeot206.jpg" id="imageninv" alt="peugeot 206">
  30.     
  31.  
  32.     
  33.     
  34.     <div id="datosinv">
  35.         
  36.         <h2> Peugeot 206 Gen&eacute;ration </h2>
  37.                         
  38.              <p> 5 puertas, Motor 1.4 </p>
  39.        <p> Contado: $50.000 Cuotas: $500 </p>
  40.         
  41.     
  42.     
  43.     </div>
  44.  
  45. </div>

y el siguiente CSS:

Código CSS: 
Ver original
  1. #ambos {
  2.     margin-top:50px;
  3.     
  4. }
  5.  
  6. #borde {
  7.     width:398px;
  8.     height:221px;
  9.     border: 1px solid #0F0;
  10.     float:right;
  11. }
  12.  
  13. #datos {
  14.     width:300px;
  15.     height:auto;
  16.     float:right;
  17.     text-align:center;
  18.     margin-top: 50px;
  19.     margin-right: 40px;
  20.     border:3px solid;
  21.  
  22. }
  23.  
  24. #imagen {
  25.     width:400px;
  26.     height:auto;
  27.     float:left;
  28.     margin:auto;
  29.  
  30. }
  31.  
  32. #ambosinv {
  33.     margin-top:10px;
  34.     
  35. }
  36.  
  37. #datosinv {
  38.     width:300px;
  39.     height:auto;
  40.     float:left;
  41.     text-align:center;
  42.     margin-top: 50px;
  43.     margin-left: 40px;
  44.     border:3px solid;
  45.  
  46. }
  47.  
  48. #imageninv {
  49.     width:400px;
  50.     height:auto;
  51.     float:right;
  52.     margin:auto;
  53.     margin-top:10px;
  54.  
  55. }

el div imageninv se posiciona a la izquierda y deberia estar a la derecha probocando que datosinv se posicione por debajo de este. alguno por favor sabria ayudarme?