пресловутые два Div рядом друг с другом

Я знаю, что есть много вопросов об этом, и я пробовал много решений, но я не могу заставить его работать. У меня два div на странице холста facebook (810px), и я хочу, чтобы они отображались рядом друг с другом. В настоящее время один находится поверх другого. Вот мой код:пресловутые два Div рядом друг с другом

<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>

Как получить эти два внутри div друг рядом с собой? Кроме того, я попытался с помощью таблицы, и она работает, но Firefox сдвигает эти Td клетки наружу области холста, и я не могу получить их по центру (только в Firefox)

Благодарности

источник

2012-05-23 DextrousDave

Если родительский DIV <div class="tab_content tab1"> имеет более 810 пикселей в ширину, то следующий код должен работать отлично.

<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>

источник

2012-05-23 09:32:27 Salman

Спасибо. Хорошо, это действительно не сработало, но ты поставил меня в правильном направлении. Во-первых, # dialerdiv2 я установил float: right; (но я уверен, что это то, что вы имели в виду), и я установил главный div в ширину: 810px; и два внутренних divs по ширине: 405 пикселей каждый. Какая польза от 3-го div (style = "clear: both;")? Cuase я взял его и не имел никакого значения? Но спасибо, ты действительно очень помог мне – DextrousDave

Нет, я хочу использовать 'float: left' на' # dialerdiv2'. Третий div - это то, что я всегда использую, чтобы избежать беспорядка. Итак, используйте firebug или какой-либо инспектор, чтобы проверить, есть ли дополнительное дополнение/маржа в любом месте, как и в случае другого ответа, и чтобы ширина родительского div была достаточной, чтобы содержать дочерние divs - попробуйте уменьшить ширину дочерних div. – Salman

Удалены ли край кузова и прокладка?

body{margin:0;padding:0}

источник

2012-05-23 09:34:57 vpascoal

Если вы измените ширину второго div, он должен работать.

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

также он должен работать, как это

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

Проблема возникает от размера вашей дивы и свободного пространства. Поиграйте немного с ними, и вы поймете, какие правильные значения использовать

источник

2012-05-23 09:47:04 MaVRoSCy

пресловутые два Div рядом друг с другом

ответ

Смежные вопросы