악명 높은 두 Div가 서로 옆에 있습니다

나는 이것에 대해 많은 의문이 있다는 것을 알고 있으며 많은 해결책을 시도했지만 제대로 작동하지 않습니다. 나는 페이스 북 캔버스 페이지 (810px)에 두 개의 div가 있으며, 서로 옆에 표시되기를 원합니다. 현재 하나는 다른 하나의 위에 있습니다. 여기 내 코드는 다음과 같습니다.악명 높은 두 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를 서로 어떻게 구합니까? 또한, 나는 테이블을 사용했는데, 그것은 작동하지만, 파이어 폭스 캔버스 영역의 외부에 그 TD 세포를 이동하고 부모 DIV <div class="tab_content tab1">가있는 경우 내가 그들을

감사

출처

2012-05-23 DextrousDave

를 (단지 파이어 폭스)를 중심으로 얻을 수 없습니다 너비가 810px 이상이면 다음 코드가 완벽하게 정상적으로 작동해야합니다.

<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로 설정했습니다. (그러나 나는 그것이 당신이 의미하는 것이라고 확신한다.) 그리고 나는 width를 810px로 설정했다. 두 개의 내부 div는 폭 : 405px입니다. 세 번째 div의 사용법은 무엇입니까 (style = "clear : both;")? Cuase 나는 그것을 꺼내서 아무런 효과가 없습니까? 하지만 고마워, 너 정말 나를 많이 도와 줬어. – DextrousDave

아니,'# dialerdiv2'에'float : left'을 사용하려고합니다. 세 번째 div는 내가 혼란을 피하기 위해 항상 사용하는 것입니다. 따라서 Firebug 또는 모든 검사기를 사용하여 다른 답변에서와 같이 여분의 패딩/여백이 있는지 확인하고 부모 div 폭이 하위 div를 포함하기에 충분하면 하위 div의 너비를 줄이십시오. – Salman

신체 여백과 패딩을 제거 했습니까?

body{margin:0;padding:0}

출처

2012-05-23 09:34:57 vpascoal

두 번째 div의 너비를 변경하면 효과가 있습니다. 이

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

문제가 된 div의 크기와 사용 가능한 공간에서 온다처럼

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

또한 작동합니다. 그들과 함께 약간 연주하면 올바른 값이 무엇인지 알 수 있습니다.

출처

2012-05-23 09:47:04 MaVRoSCy

악명 높은 두 Div가 서로 옆에 있습니다

답변

관련 문제