Whitespace am unteren Rand meines Dokuments kann nicht entfernt werden
Bei jedem Rendern der Seite wird dieser Speicherblock generiert. Ich habe keine Ahnung, wie es dort aussieht. Unten ist das Bild, wenn ich in Chrom inspiziere, passiert es in anderen Browsern. Es ist ein Problem, da es sich unter meiner Fußzeile befindet und ich nur Leerzeichen habe. Kein CSS scheint es zu lösen. Es löscht nur direkt den Platz, der in Ordnung ist, aber der Platz existiert nicht in meinem Code.
<body>
<div id="wrapper">
<div id="header">
<img style="display:block; " src="assets/img/trinity.png" alt="trinityimage" />
<ul style="width:100%;
height:100px;
background:url(assets/img/backg.png) repeat-x;
list-style:none;
margin:0;
padding:0;
text-align:center;" id="menu">
<li class="selected"><a href="#" class="home"><span></span></a></li>
<li><a href="#" class="aboutus"><span></span></a></li>
<li><a href="#" class="team"><span></span></a></li>
<li><a href="#" class="club"><span></span></a></li>
<li><a href="#" class="spare"><span></span></a></li>
</ul>
</div>
<div id="content">
<div id="space"></div>
<img style="padding:7px;" src="assets/img/newsite.png" align="left" alt="newsite"/>
<p>Welcome to the Club homepage</p>!
<div id="rightcolumn">
<h3>Recent News!</h3>
<ul style="font-size:9px; line-height:100%;">
<li><p>Lorem ipsum dolor</p></li>
<li><p>Lorem ipsum dolor</p></li>
<li><p>Lorem ipsum dolor</p></li>
<li><p>Lorem ipsum dolor</p></li>
</ul>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Und die 'Raum' -Div hat keine Auswirkung darauf, das ist nur ein bisschen Raum.