Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/01/2010, 16:44
esaenz22
(Desactivado)
 
Fecha de Ingreso: abril-2008
Mensajes: 787
Antigüedad: 16 años, 8 meses
Puntos: 7
Pregunta problema con el div que no mantiene su posicion

buenas de nuevo. tengo un problema. he colocado un div principal y dentro del div principal coloque divs de 2 columnas. un div para la izquierda y un div para la derecha. dentro del div izquierda coloque otro div que se llama buscador. en el div buscador coloque una imagen.

pero cuando al div buscador que he colocado la imagen, le puse margin-top y margin-left de 15px y 5px, en ie7 se muestra bien pero en firefox, el div no mantiene su posicion, es decir, el div izquierda que contiene el div buscador se desplaza hacia abajo.

aqui dejo los resultados.

en firefox.



en ie7.



este es mi css.

Código CSS:
Ver original
  1. #cuerpo{
  2.     width:960px;
  3.     height:328px;
  4.     margin:0px auto;
  5. }
  6.  
  7. #cuerpo_izquierda {
  8.     width:200px;
  9.     height:327px;
  10.     float:left;
  11. }
  12. /*-top (superior), -bottom (inferior), left (izquierda) y right (derecha): */*/
  13. #cuerpo_derecha {
  14.     width:754px;
  15.     height:327px;
  16.     float:right;
  17. }
  18.  
  19. #buscador{
  20.     width:200px;
  21.     height:236px;
  22.     background:url(../imagenes/pedazo1.jpg) no-repeat; 
  23. }
  24.  
  25. #titulo_buscador{
  26.     margin-top:15px;
  27.     margin-left:5px;
  28. }
  29.  
  30. .espacio4{
  31.     width:200px;
  32.     height:13px;
  33. }

y este es mi codigo html.

Código HTML:
Ver original
  1. <div id="cuerpo">
  2.     <div id="cuerpo_izquierda">
  3.       <div id="buscador">
  4.         <div id="titulo_buscador"><img src="imagenes/titulo_buscador.jpg" border="0"/></div>
  5.         <br />
  6.         <div id="grupos_electrogenos">Grupos electrogenos</div>
  7.       </div>
  8.       <div class="espacio4"></div>
  9.       <div id="niveles_energia"> <img src="imagenes/pedazo2.jpg" border="0" /> </div>
  10.     </div>
  11.     <div id="cuerpo_derecha">
  12.       <script type="text/javascript">
  13. AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','754','height','327','src','swf/banner2','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','swf/banner2' ); //end AC code
  14.       </script>
  15.       <noscript>
  16.       <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="754" height="327">
  17.         <param name="movie" value="swf/banner2.swf" />
  18.         <param name="quality" value="high" />
  19.         <embed src="swf/banner2.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="754" height="327"></embed>
  20.       </object>
  21.       </noscript>
  22.     </div>
  23.   </div>

aque se debe que en ie7 se muestra bien, miestras que firefox se muestra lo contrario ?.

es por el tamaño de las imagenes ?.

que solucion puedo dar. hacer un hack css ?.

la verdad no domino mucho el tema de los hacks css.

me pueden ayudar en ello ?.