Foros del Web » Creando para Internet » CSS »

Div no se posiciona donde debe

Estas en el tema de Div no se posiciona donde debe en el foro de CSS en Foros del Web. Tengo el siguiente html: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < div id = "ambos" >                   ...
  #1 (permalink)  
Antiguo 20/04/2011, 12:54
 
Fecha de Ingreso: abril-2011
Mensajes: 8
Antigüedad: 6 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?
  #2 (permalink)  
Antiguo 20/04/2011, 13:15
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: Div no se posiciona donde debe

es que no tiene ningún div llamado imageninv.
Debería ser:
Código CSS:
Ver original
  1. img #imageninv {
  2.     width:400px;
  3.     height:auto;
  4.     float:right;
  5.     margin:auto;
  6.     margin-top:10px;
  7. }
O podrías poner la imagen dentro de un div llamado imageninv, aunque me parece que estaría de más.
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:45.