Fehler im IE7

Status
Nicht offen für weitere Antworten.

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:

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:
Hi,

versuch es mal hiermit:

Code:
#inhalt {
	margin: 0 auto;
	min-height:700px;
        height:auto !important;
	height:700px;
	width: 969px;
    text-align:left;
    border-left:1px solid #193c7f;
    border-right:1px solid #193c7f;
    background-color:#FFFFFF;
}

.content {
padding-left:50px;
padding-right:55px;
padding-top:30px;
min-height:450px;
height:auto !important;
height:450px;
padding-bottom:15px;
}

#abschluss_container {
    background: url(../_img/abschluss_bg.gif);
    background-repeat:repeat-x;  
    min-height:120px;
    height:auto !important;
    height:120px;
}
 
Jo, super! Das wars. Oh man, ich werd manchmal echt wahnsinnig, mit dem IE. Einmal klappt es so, dann wieder anders. *seuftz*

Vielen Danke und liebe Grüße.

Micha
 
Status
Nicht offen für weitere Antworten.
Zurück