浮動小数点の浮動小数点が正しく浮動しない

Question

これは私の最初の投稿であり、私の知恵の終わりであるので、私はジャンプして最後にいくつかの助けを求めると思った！

私は、私たちのことについて、私たちの段落、電子メール、電話に関する小さなものを含むデザインのウェブサイトに「お問い合わせ」セクションがあります。それの隣には私がPHPフォームビルダーから得た電子メール連絡フォームがあります。 。

#contact { 
background-image:url(img/contact_bg.jpg); 
background-repeat: no-repeat; 
width: 820px; 
height: 459px; 
margin: 25px 70px 50px 70px; 
clear: both; 
} 

#thanks { 
width: 324px; 
height: 100px; 
padding-top: 35px; 
} 

#thanks span { 
    font-size: 1.5em; 
    font-weight: normal; 
    font-style: italic; 
    letter-spacing:1px; 
    color: #ffffff; 
    text-shadow: 1px 1px 1px #000000; 
    text-decoration: none; 
    padding: 0 0 0 25px; 
} 

#details { 
width: 324px; 
height: 63px; 
padding-top: 25px; 
clear: both; 
    } 

#details span { 
font-size: 1.115em; 
font-weight: normal; 
font-style: italic; 
letter-spacing:1px; 
color: #ffffff; 
text-shadow: 1px 1px 1px #000000; 
text-decoration: none; 
padding: 0 0 0 25px; 
clear: both; 
} 

#about { 
width: 324px; 
clear: both; 
} 

#about h2 { 
font-size: 1.618em; 
font-weight: normal; 
letter-spacing:1px; 
color: #ffffff; 
text-shadow: 1px 1px 1px #000000; 
padding-left: 25px; 
text-decoration: none; 
clear: both; 
} 

#about span { 
font-size: 1em; 
font-weight: normal; 
letter-spacing:1px; 
color: #ffffff; 
text-shadow: 1px 1px 1px #000000; 
line-height: 14px; 
text-decoration: none; 
padding: 10px 0 0 25px; 
clear: both; 
} 

、ここでは私のフォームのCSSです：ここで

#form { 
    margin:0 auto; 
    text-align:left; 
    width:391px; 
    height: 459px; 
    float: right; 
    } 

    form.appnitro { 
    margin:20px 20px 0; 
    padding:0 0 20px; 
    } 

私は

とにかくにおける不良少年がここにお問い合わせ]ラッパー」の私のコードだと落とされるまで、すべてがswimminglyつもりでした

これは、次のようになっています： これは今のように見えます:(

さらに詳しい情報が必要な場合は、何か助けていただければ幸いです。

多くの感謝！

Answer 1

#thanksも#aboutもフロートされているため、連絡先フォームはフローティング状態で表示されます。 #thanksと#aboutfloat:leftの両方をフロートしてください。

また、ドキュメントフローがリセットされ、表示されている問題の原因となっている可能性があります。clear:bothがたくさんあります。実際のHTMLを見ていなくても言うのは難しいです。

Answer 2

あなたが左側のコンテンツの周りに別のdivを入れてやると、それはそうせて動作するはず

<div style="float:left"> 
    <div id="thanks"> 
     <span>Thank you for your interest in Dan James construction. Please contact us using a method convenient for you.</span> 
    </div> 

    <div id="details"> 
     <span>Tel: 07749 121959</span> 
     <span>Email: info@danjamesconstruction.com</span> 
    </div> 

    <div id="about"> 
     <h2>ABOUT US</h2> 
     <span>Dan James construction are specialists in loft 
conversion based in North London and covering the whole of the M25 area.</span><span>We guide you through every stage of your 
development journey, right from the no obligation FREE estimate to the fine finishing touches.</span><span>So whether you're looking for more space or looking to add value get in touch today to start your very own conversion</span> 
    </div> 

</div> 

は、私はそれが;-)