2012-05-23 38 views
5

Sé que hay muchas preguntas al respecto, y he intentado con muchas soluciones, pero no puedo lograr que funcionen. Tengo dos divs en una página de Facebook (810px), y quiero que se muestren uno al lado del otro. Actualmente uno está encima del otro. Aquí está mi código:infame Dos divisiones uno al lado del otro

<div class="tab_content tab1" > 
<div id="dialerdiv1" style="float: left; margin-right: 405px;"> 
    <embed type="application/x-shockwave-flash" wmode="opaque" 
    src="thesource" 
    width="301" 
    height="401" 
    id="popUpSwf" 
    name="popUpSwf" 
    quality="high" 
    border="none" 
    allowscriptaccess="always" 
    pluginspage="http://www.adobe.com/go/getflashplayer" 
    scale="noscale" 
    menu="false" 
    flashvars="..." /> 
</div> 
<div id="dialerdiv2" style="float: right; width: 405px;"> 
     <embed type="application/x-shockwave-flash" wmode="opaque" 
     src="thesource" 
     width="301" 
     height="401" 
     id="popUpSwf" 
     name="popUpSwf" 
     quality="high" 
     border="none" 
     allowscriptaccess="always" 
      pluginspage="http://www.adobe.com/go/getflashplayer" 
     scale="noscale" 
     menu="false" 
     flashvars="..." />    
</div> 
</div> 

¿Cómo consigo los dos divs dentro próximos el uno al otro? Además, he intentado usar una tabla, y funciona, pero Firefox turnos esas células td hacia el exterior de la zona de la lona y no puedo conseguirlos centrada (sólo Firefox)

Gracias

Respuesta

5

Si el div padre <div class="tab_content tab1"> tiene más de 810px disponible en ancho, entonces el siguiente código debería funcionar perfectamente bien.

<div class="tab_content tab1"> 
    <div id="dialerdiv1" style="float: left; width: 405px;"> 
     <embed ... /> 
    </div> 
    <div id="dialerdiv2" style="float: left; width: 405px;"> 
     <embed ... />    
    </div> 
    <div style="clear: both;"></div> 
</div> 
+0

Gracias. Ok, realmente no funcionó, pero me pusiste en la dirección correcta. En primer lugar, # dialerdiv2 configuré para flotar: derecha; (pero estoy seguro de que eso es lo que querías decir) y configuré el div principal en ancho: 810px; y los dos divs interiores al ancho: 405px cada uno. ¿Para qué sirve el 3er div (style = "clear: both;")? ¿Cuase lo saqué y no importó? Pero gracias, realmente me ayudaste mucho – DextrousDave

+0

No, quiero usar 'float: left' on' # dialerdiv2'. El 3er div es lo que siempre uso para evitar el desorden. Por lo tanto, use Firebug o cualquier inspector para verificar si hay algún margen/relleno extra en cualquier lugar como lo sugiere la otra respuesta, y que el ancho div de los padres es suficiente para contener los divs secundarios; intente reducir el ancho de los divs secundarios. – Salman

0

¿Quitó el margen y el relleno del cuerpo?

body{margin:0;padding:0} 
2

si cambia el ancho de la segunda div debería funcionar.

<div id="dialerdiv2" style="float: right; width: 370px;"> 

también debería funcionar como esto

  <div id="dialerdiv1" style="float: left; margin-right: 390px;"> 
      ...... 
     </div> 
     <div id="dialerdiv2" style="float: right; width: 390px;"> 
      ........ 
     </div> 

El problema viene del tamaño de su divs y el espacio disponible. Juega un poco con ellos y sabrás cuáles son los valores correctos para usar

Cuestiones relacionadas