2011-01-30 11 views
0

私はテーブルを修正して見栄えを向上させようとしています(私は以下のスクリーンショットで問題をよりよく説明しています)。フッターとこのページの下部を修正するにはどうすればよいですか?

これは、画面上の何が起こっているかのショットと私は起こるしたいです:

enter image description here

私は私のスタイルシートに何を変更できますか?

は、CSSファイルは、(フッタ部分が明確にマークされている)rankingclimber.com/css/style.cssに位置し、サインアップの部分は明らかに

サインアップwww.rankingclimber.com/signup.php

に位置していますページここでフッターファイルのコードだとマークされています。 rankingclimber.com/footer.phpフッタがメインページで呼び出されます:rankingclimber.com/signup.php

+0

ここにあなたのページで何が起こっているかの詳細なレポートです:http://validator.w3.org/check?uri=http%3A%2F%2Fwww.rankingclimberが。 com%2Fsignup。php&charset =%28detect +自動的に%29&doctype =インライン&グループ= 0 –

答えて

1

行の配置を修正するには、<div class="form_tp">の終了タグの直後に<div class="form_bt"></div>を移動します。

フォーム内にない「アカウントを作成」ボタンを修正するには、<div class="chkp3">からfloat: leftmargin-bottom: 20pxを削除してください。次に、<a class="btn1">に、margin-top: 20pxを追加します。

フッターを修正するには、<div id="wrapper">の終了タグの直後に<div id="footer">を移動します。

Firefoxでのみ、Firebugでテストされています。


もう1つの回答は、クローズタグが見つからないと指摘しました。そのような場合、私の答えはあまり役に立たないかもしれません。というのも、それらの欠けているタグによって問題が引き起こされた可能性があるからです。

閉じるタグを修正してから、投稿した手順を実行する前にページがどのようなものかを確認してください。

+0

ありがとうsooo。すごいよ! –

0

私は、margin:0; !important.form_btスタイルに追加すると思います。 Safari Web Inspectorには現在、margin-rightの-60pxがあることが示されています。 HTMLではdiv.form_bt<form>要素の外側に置くと、その要素は現在内部にあります。

+0

ありがとうございました! div.form_btがフォーム要素の外側にあることを確認しました。 –

0

は、私はあなたのすべてのファイルを持っていないので、私は検証できない、これらの修正をしようとしますが、ために終了タグが欠落しています<li><a href="what-is-ranking-climber.php">What is Ranking Climber?</a>&nbsp; &nbsp;

  • </div>がありません:コードの後</li>がありません

    1. コードの前に:</form>
  • +0

    こんにちはK lvanovに感謝します! –

    0

    clear: both; 
    
    <div id="container"> 
    
         <div class="left"></div> 
         <div class="right"></div>   
    
    </div> 
    <div class="footer"></div> 
    
    このCSSを使用用

    CSSこれらのDIVの

    #container{ 
        width:950px; 
        min-height:500px; // This will helps you to stick to footer to bottom about 500px below 
    } 
    .left{ width: 50%;} 
    .right { width:50%;} 
    
    .footer{ 
        widht: 950px; 
        clear: both; // This will helps you to avoid footer to overlap. Use this when Some  elements is overlapping 
    } 
    
    関連する問題