2017-09-09 11 views
-1

レンダリングする前にいくつかの追加情報が追加されているようなサーバーで、いくつかのWebページをアップロードしました(link to page)。ここで空白のスペースを引き起こしているHTMLコードは何ですか?

私が見ているものの1つは、上部付近に空白のスペースがあることです(スクリーンキャップを参照)。

enter image description here

私はそれを取り除くために行うことができます私の端に何があるかどうかを把握するために、「検査ソース」です。しかし、私はそれが何を引き起こしているのか把握することさえできません。 HTMLコードのどの行が空白の原因になっているかを知ることができますか?

+0

ここに関連コードを直接投稿すると、簡単に閲覧できます。 – Carcigenicate

+0

@Carcigenicate正直言って私はどのブロックのコードがそれを引き起こしているのか分かりません。ページ全体のHTMLコードを投稿しますか?かなり長いです。 – QuantumDot

+0

本当に、ここに投稿する前に、問題を絞り込むのが最善の方法でした。関連性があると思われるコードを投稿してください。理想的には[mcve]を含めることができます。 – Carcigenicate

答えて

3
.outer-wrapper { 
    background: #f1f1f1 url(../images/background-gradient-subpage.png) repeat-x left top; 

    /* padding-top: 30px; */ 

} 

padding-top: 30px

+0

@QuantumDot no。あなたは 'パディングトップ'とコメントしました。コメント 'padding-top'を削除するか設定する必要があります。 – zynkn

+0

ああ、それは働いた!ありがとう。私がそれを受け入れることができる前に3分があります。その間に、あなたがそれを把握するためにどのようなツールを使用したか教えてください。 – QuantumDot

+0

@QuantumDot私は 'Google Chrome'を使っています。 'ctr + shift + i'の使い方を調べてみてください。 – zynkn

1

を削除しようとするあなたは持っている:

<div class="main-wrapper" style="height: auto;"> 
<div class="outer-wrapper"> 
<div class="breadcrumb"> 
    <div class="wrapper"> 
    <a href="../../X/guide/X.html">Mathematica</a> 
    </div> 
</div> 
<div class="wrapper mainOuter"> 

あなたがラッパーを削除しようとしたことがありますか? div class="main-wrapper"<div class="outer-wrapper">は "同じ"寸法を持つように見えますが、メインは外側よりも大きく、空白は見た目の違いです。

<div class="wrapper mainOuter"><div class="outer-wrapper">と同じ「スペース」にあるようです。

これらのラッパーの1つ以上を取り外して、それが期待どおりに動作するかどうかを確認します。

関連する問題