Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Nach DIV Eine Leerzeile“

wlive

Nicht mehr ganz neu hier

Hallo Leute,

ich habe ein kleines Problem und ich hoffe Ihr könnt mir hierbei helfen:

HTML:
<div id="global">
 <div id="header">
     <div id="logo"></div>
        <div id="logo_middle"></div>
        <div id="logo_right"></div>
    </div>
<div id="headline">
     <div id="headline_left"></div>
    <div id="headline_middle">
    </div>
        <div id="headline_right"></div>
</div>
  <div id="clear">
  </div>
 
    <div id="middle">
     <div id="nav_left">
       <img src="../images/nav_left_top.jpg" width="57" height="59" />
 
        </div>
      <div id="nav">
        <div id="navpoint0"></div>
        <div id="navpoint1"></div>
        <div id="navpoint2"></div>
        <div id="navpoint3"></div>
        <div id="navpoint4"></div>
        <div id="navpoint5"></div>
      </div>
       <div id="content">
       </div>
      <div id="middle_right_top"><img src="../images/middle_right_top.jpg" width="100" height="59" />
      </div>
 </div>
    <div id="footer">
      <p class="footer"></p>
    </div>
</div>

Zwischen Footer und den drei divs darüber(float:left) bekomme ich eine Leerzeile. Wie kann ich die beseitigen?

HTML:
body{
 margin: 0px;
 padding: 0px;
 background-color: #FFFFFF;
 font: 85% Verdana, Arial, Helvetica, sans-serif;
 background-color: #ffffff;
 text-align:justify;
}
a{
 color: #204EC3;
 text-decoration: none;
}
img{
border:none;
}
h1{
 font: 120% Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 color: #204EC3;
 text-decoration: none;
}
h2{
 font: 90% Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 color: #204EC3;
 text-decoration: none;
}
#global {
 width: 954px;
 margin-right: auto;
 margin-left: auto;
 padding-top: 3%;
}
#logo {
 background-image: url(../images/logo.jpg);
 background-repeat: no-repeat;
 height: 141px;
 width: 250px;
 float: left;
}
#logo_middle {
 background-image: url(../images/logo_middle.jpg);
 background-repeat: no-repeat;
 height: 141px;
 width: 604px;
 float: left;
}
#logo_right {
 background-image: url(../images/logo_right.jpg);
 background-repeat: no-repeat;
 height: 141px;
 width: 100px;
 float:left;
 
}
#headline_left {
 background-image: url(../images/headline_left.jpg);
 background-repeat: no-repeat;
 height: 63px;
 width: 250px;
 float:left;
}
#headline_middle {
 background-image: url(../images/headline_middle.jpg);
 background-repeat: no-repeat;
 height: 63px;
 width: 604px;
 float:left;
}
#headline_right {
 height: 63px;
 width: 100px;
 background-image: url(../images/headline_right.jpg);
 background-repeat: no-repeat;
 float:left;
}
#middle{
width: 954px;
overflow:hidden;
}
#nav_left {
 background-image: url(../images/nav_left_1_px.jpg);
 background-repeat: repeat-y;
 background-position: top;
 float: left;
 width: 57px;
 padding-bottom: 2500px;
 margin-bottom: -2500px;
 border-left:#000000;
 border-left-width: 1px;
}
#nav {
 background-image: url(../images/nav_top.jpg);
 background-repeat: no-repeat;
 background-position: top;
 float: left;
 width: 193px;
 padding-bottom: 2500px;
 margin-bottom: -2500px;
}
#content {
 background-image: url(../images/content_top.jpg);
 background-repeat: no-repeat;
 background-position: top;
 width: 604px;
 float: left;
}
#middle_right_top {
 background-image: url(../images/middle_right_1_px.jpg);
 background-repeat: repeat-y;
 width: 100px;
 float: left;
 padding-bottom: 2500px;
 margin-bottom: -2500px;
}
#clear {
 clear: both;
}
#navpoint0 {
 width: 193px;
 height: 23px;
 padding-bottom: 5px;
}
#navpoint0 a{
 background:url(../images/firmenprofil.gif);
 background-repeat: no-repeat;
 background-position: bottom left;
}
#navpoint0 a:hover{
 background:url(../images/firmenprofil_over.gif);
 background-repeat: no-repeat;
 background-position: bottom left;
}
#navpoint1 {
 width: 193px;
 height: 23px;
 padding-bottom: 5px;
}
#navpoint1 a{
 background:url(../images/leistungen.gif);
 background-repeat: no-repeat;
 background-position: bottom left;
}
#navpoint1 a:hover{
 background:url(../images/leistungen_over.gif);
 background-repeat: no-repeat;
 background-position: bottom left;
}
#navpoint2 {
 width: 193px;
 height: 23px;
 padding-bottom: 5px;
}
#navpoint2 a{
 background:url(../images/produkte.gif);
 background-repeat: no-repeat;
 background-position: bottom left;
}
#navpoint2 a:hover{
 background:url(../images/produkte_over.gif);
 background-repeat: no-repeat;
 background-position: bottom left;
}
#navpoint3 {
 width: 193px;
 height: 41px;
 padding-bottom: 5px;
}
#navpoint3 a{
 background:url(../images/technik.gif);
 background-repeat: no-repeat;
 background-position: bottom left;
}
#navpoint3 a:hover{
 background:url(../images/technik_over.gif);
 background-repeat: no-repeat;
 background-position: bottom left;
}
#navpoint4 {
 width: 193px;
 height: 23px;
 padding-bottom: 5px;
}
#navpoint4 a{
 background:url(../images/kontakt.gif);
 background-repeat: no-repeat;
 background-position: bottom left;
}
#navpoint4 a:hover{
 background:url(../images/kontakt_over.gif);
 background-repeat: no-repeat;
 background-position: bottom left;
}
#navpoint5 {
 width: 193px;
 height: 23px;
 padding-bottom: 5px;
}
#navpoint5 a{
 background:url(../images/impressum.gif);
 background-repeat: no-repeat;
 background-position: bottom left;
}
#navpoint5 a:hover{
 background:url(../images/impressum_over.gif);
 background-repeat: no-repeat;
 background-position: bottom left;
}
.sub_head {
 font-weight: small;
 color: 204EC3;
}
#footer {
 background-image: url(../images/footer.jpg);
 background-repeat: no-repeat;
 height: 184px;
 width: 954px;
 color: #204EC3;
}
.footer {
 padding-top: 60px;
 padding-left: 25px;
 color: #204EC3;
 font-size:11px;
 font-weight: bolder;
}
 

FlashSoft

Besserwisser

AW: Nach DIV Eine Leerzeile

Du schreibst folgendes:
Code:
<div id="footer">
  [B]<p class="footer"></p>[/B]
</div>

dadurch kommt die Leerzeile. Erstelle doch dafür nicht noch Extra eine Klasse. Ansonnsten:
Code:
<div id="footer" class="footer">
 </div>
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
175.158
Beiträge
2.581.869
Mitglieder
67.224
Neuestes Mitglied
Aliyah79
Oben