CODEWITHSUNDEEP
htmlcss
QuantumDot
QuantumDot

Reputation: 435

What HTML code is causing the empty white space here?

I have uploaded some webpages at a server which seems to add some extra stuff before it is rendered (link to page).

One of the things I'm seeing is an empty white space near the top (see screen cap).

enter image description here

I am "inspecting source" to figure out if there is anything on my end that can be done to remove it. But I can't even figure out what's causing it. Can you find out which lines of HTML code is causing the white space?

Upvotes: 0

Views: 64

Answers (2)

Brent-K
Brent-K

Reputation: 25

You have:

 <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">

Have you tried removing a wrapper? The div class="main-wrapper" and <div class="outer-wrapper"> seem to have the "same" dimensions, but main is larger than outer with the white space being the difference in appearance.

<div class="wrapper mainOuter"> seems to also sit in the same "space" as <div class="outer-wrapper">.

I would try removing one or more of those wrappers and see if it behaves more as expected.

Upvotes: 1

kyun
kyun

Reputation: 10294

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

    /* padding-top: 30px; */

}

Try to remove padding-top: 30px

Upvotes: 3

Related Questions