MsvP@habdichliebhasi
Erfahrenes Mitglied
Hi zusammen,
ich bräuchte mal ein helfendes Augenpaar. Irgendwie finde ich den Fehler einfach nicht.
Aus irgendeinem Grunde bleibt im IE7 der Abschluss stehen und der Content Text läuft bei längerem Inhalt durch ihn durch, anstelle ihn nach unten abzustoßen und das obwohl ich ein Clear:both vorher einsetze:
CSS INHALT:
HTML INHALT:
ich bräuchte mal ein helfendes Augenpaar. Irgendwie finde ich den Fehler einfach nicht.
Aus irgendeinem Grunde bleibt im IE7 der Abschluss stehen und der Content Text läuft bei längerem Inhalt durch ihn durch, anstelle ihn nach unten abzustoßen und das obwohl ich ein Clear:both vorher einsetze:
CSS INHALT:
PHP:
* {
margin: 0;
padding: 0;
}
html {height: 100%; margin-bottom: 1px; }
h1{
margin-top:35px;
margin-bottom:25px;
font-size:16pt;
line-height:20pt;
font-weight:lighter;
}
body {
margin:0px;
background-color:#193c7f;
font-family: Verdana;
font-size: 12px;
line-height: 14pt;
color:#193c7f;
text-align: center;
}
a {color:#193c7f;}
#container {
margin:0;
padding:0;
background-color:#e5e5e5;
}
#inhalt {
margin: 0 auto;
min-height:700px;
height:700px!;
width: 969px;
text-align:left;
border-left:1px solid #193c7f;
border-right:1px solid #193c7f;
background-color:#FFFFFF;
}
.banner {
background: url(../_img/banner.jpg) no-repeat;
width:969px;
height:211px;
}
.content {
padding-left:50px;
padding-right:55px;
padding-top:30px;
min-height:450px;
height:450px!;
padding-bottom:15px;
}
#pfeil_liste {
color:#8a8a8a;
}
ul.content, .content ul {
padding: 0px;
margin: 0px;
}
li.content, .content li {
list-style-type: none;
background-image: url(../_img/pfeil.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 12px;
padding-bottom: 5px;
}
#abschluss_container {
background: url(../_img/abschluss_bg.gif);
background-repeat:repeat-x;
min-height:120px;
height:120px!;
}
#abschluss {
margin: 0 auto;
width: 969px;
text-align:right;
background: url(../_img/abschluss.jpg) no-repeat;
height:65px;
}
.adresse {
padding-top:25px;
text-align: center;
}
.leeren {clear:both;}
HTML INHALT:
PHP:
<body>
<div id='container'>
<div id='inhalt'>
<div class='banner'><a href='index.php?id=698'><img src='Images/1x1.gif' width='210' height='70' border='0'></a></div>
<div class='menu' style='float:left;'> MENÜ </div>
<div class='content' >
INHALT
</div>
</div>
<div class='leeren'></div>
</div>
<div id='abschluss_container'>
<div id='abschluss'>
<p class='adresse'>ABSCHLUSS</p>
</div>
</div>
</body>
Zuletzt bearbeitet: