2011-09-30 60 views
0

我有一些问题,试图写CSS来使一个框浮动在我的页面的右侧。浮动财产不起作用

我有一个DIV叫#右箱uploadphoto这是本页面http://s361608839.websitehome.co.uk/salesboard/After_Login.html

CSS的灰色方块是这样的:

#right-box-uploadphoto{ 
width: 240px; 
height: 240px; 
background: #e6e6e6; 
border: 1px solid #d7d7d7; 
margin-left: 15px; 
float: right; 
} 

它以某种方式被按下。它需要与#page-box2对齐。

这是不是对吗?

谢谢

+0

它肯定是漂浮在右边。你想要它做什么? – sdleihssirhc

+0

似乎漂浮对我来说很好。我使用Chrome 30或任何当前版本。 –

+0

它不知何故被推倒。它需要与#page-box2对齐。 – Tim

回答

2

您将div正确放置在您的页面上。尝试将您的div添加到您的mainFrame中,例如:

<div id="mainFrame"> 
<h2>Set up your Salesboard</h2> 
<p>There's only a few steps to go!</p> 
<div class="line"></div> 
<div id="page-box2"> 
<div id="step-box-select"><span class="icon-step">1</span> Set Up Your Profile</div> 
<div id="step-box-unselect"><span class="icon-step">2</span> Set Up Your Team</div> 
<div id="step-box-unselect"><span class="icon-step">3</span> Add Team Member</div> 
<br><br> 
<form action="" method="get"> 


</form> 
<a href="#" class="upgradebutton">Upgrade</a></div> 
<div id="right-box-uploadphoto"></div> 
</div> 
+0

完美的感谢,那是我无法发现的错误! :) – Tim

0

尝试将“right-box-uploadphoto”div放入“mainFrame”div中。

<div id="mainFrame"> 
... 
<div id="page-box2"></div> 
<div id="right-box-uploadphoto"></div> 
</div> 

这将做的伎俩!