Hallo Leute,
ich habe ein kleines Problem und ich hoffe Ihr könnt mir hierbei helfen:
Zwischen Footer und den drei divs darüber(float:left) bekomme ich eine Leerzeile. Wie kann ich die beseitigen?
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;
}