0

必要に応じてグラフペーパーとフッターを揃えて中央に配置することはできますが、colorpickerdivをこれらの隣に配置することはできません。私が何をしようとしても、それはこれらの残りの部分より下になってしまいます。2つのdivを垂直方向の中央に配置し、colorpicker divをこれら2つの隣に配置する方法はありますか？

<div id="abstract">
   <div class="graphpaper" id="graphpaper" onclick="getPosition(event)" style="width:984px; height:1100px;">
      <img src="images/poster/poster-top.png" align="left"/>
      <img src="images/poster/poster-left.jpg" align="left" style="margin-left:12px;"/>
      <canvas id ="canvas" width = "898" height = "900"/>
      <img src="images/poster/poster-right.jpg" align="right" style="margin-right:10px;"/>        
</div>
<div class="footer" id="footer">
      <img src="images/poster/poster-bottom.png"/>
</div>
<div class="colorpicker" id="colorpicker" style="width: 70px; clear:both;">
    <img src="images/color-tab/no-color.png" id="unselected" class="unselected"/><br>
    <img src="images/color-tab/color-dark.png" id="dark_image" class="darkimage" 
   onclick="getColor('#00ccff','images/color-tab/color-dark.png')"/><br>
    <img src="images/color-tab/color-medium.png" id="med_image" class="medimage" 
   onclick="getColor('#000000','images/color-tab/color-medium.png')"/><br>
    <img src="images/color-tab/color_light.png" id="light_image" class="lightimage"     
   onclick="getColor('#ff0066','images/color-tab/color_light.png')"/><br><br><br><br>
</div>
</div>
4

2 に答える 2

2

これを行うには、すべての div を左にフロートさせ、幅を合計して 100% (つまり、40%、40%、20%) にする必要があります。

これは、あなたの質問をjsfiddleと見なさない限り、私の最善の推測です

于 2012-08-01T20:43:16.817 に答える
0

1.) フッター div を削除し、img をグラフペーパー div に追加しました
2.) colorpicker を position:fixed; に設定します。margin-top:300; を設定します。したがって、適切な場所から開始されます。

于 2012-08-02T18:11:19.523 に答える