Inhalt bricht runter bei IE6 wenn Fenster kleiner ist

Necro_nomicon

Erfahrenes Mitglied
Hallo!

Ich befuerchte es hat wieder etwas mit der Min-breite zu tun, aber wenn das Fenster kleiner ist (im IE6) dann bricht, der Inhalt unter das Menue hinunter: Habe ich die Breite wieder falsch berechnet, oder vergessen etwas anzugeben?


CSS:
HTML:
* {
margin:0;
padding:0;
}

html, body {
height:100%;
}

body {
/* background:#fcfcee url(leftCol.png) repeat-y left top; */
}

div#wrapper{
min-width:1175px; 
min-height:100%;
height:auto !important;
height:100%;
position:relative;
/* background:url(rightCol.png) repeat-y right top; */
}

div#header {
	height:185px; 
	background:url(img/logo_oben_2.jpg) repeat-x left top;}


#menupunkt {
	position: absolute; top:130px; right:0px;}
div#leftCol {
	width:278px; 
	float:left;
	background-image: url(img/menue_farb/bg_menue.gif);
	background-repeat:repeat-y;}
img #leftCol {border:0px; display:block;}
	
div#rightCol {
width: 1px;
float: right; 
margin:0;}

.rechteSpalte {
	background-color: #C9C4B5; 
	color:#50504F; 
	padding:5px; 
	margin-top:0px;
	width:220px;
	}
	
#centerCol {
margin:-15px 0px 0px 315px;
height:1%; /* hasLayout-Fix fuer IE */
/* background-color:#E6F2EE; */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt; /* 8-10-12 */
color:#50504F;
z-index:500;
}
.inhalt {
background-color:#E6F2EE;
color:#50504F;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:100%;
}

	


div#footer {
position:fixed;
clear:both;
bottom:0;
width:100%;
height:45px;
background:#fff;
border-top:4px solid #339999;
}
.footerli {float:left;}
.footerre {float:right;}
#footer img { display:block;}

div#rightCol, div#centerCol {
	padding-bottom:45px;}
	
/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



PHP-Datei
HTML:
<?php

        require_once ('includes/helper.php');

        session_start(); 

?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">







<title></title>





<?php require_once ('includes/JavaScript.php'); ?>



<style type="text/css">





</head>



<body>



<div id="header">

	

	  </div>	

</div>

<div id="leftCol">

			

		  <?php

		  		// choose right menu image

		  		MenuImageChooser2($_GET['menu'],$_GET['sub']);

		  ?>

		  <ul id="nav1">

		  

		 	<?php

        	// build MainMenu with parent ID 0

        	buildMenu("0",$_GET['menu']);

			?>

			

		</ul>

		

</div>

<div id="centerCol">

		

			<table width="100%" cellpadding="0" cellspacing="0" border="0">



				

				<tr>

					<td class="strich" colspan="2">

									<div id="untermenu">

										<div class="container">

											<ul id="menu2">

												

												<?php

  												// build sub menu

  												// here we have to use the right parent ID (in menu)

  												//buildMenu($_GET['menu'],$_GET['sub']);

												?>

												

											</ul>

										</div>

									</div>

									

					</td>

				</tr>

				<tr>

					<td class="h2bg" colspan="2">&nbsp;

					</td>

				</tr>

				<tr>

					<td valign="top">

						<!-- INHALT -->

							<table cellspacing="0" cellpadding="0" class="einklappen">

							

								<tr>

									<td>

										<div class="contentpadding">

										

											<?php

                                    		// content area

                                    		printsearchBox();     

                                    		// which article is parsed from apache url

                                    		//createContent($_GET['menu'], $_GET['sub']);

                                    		createContent("4", "analysen");

                                 			?>

										

										</div>

									</td>

								</tr>

							</table>

						</td>

						<td valign="top" class="rechteSpalte">

							<div class="abstand">

										

								<?php

                                    // rechte spalte content immer newsflash jetzt

                                    createRightBoxContent($_GET['menu'], $_GET['sub']);

								?>	

							</div>

							

						</td>

					</tr>

			</table>

							

</div>

<div id="rightCol">

</div>

<div id="footer">

	<img src="img/adresse.gif" alt="" width="990" height="20" class="footerli">
</div>



















</body>

</html>
 
Moin,

du schreibst "schon wieder"...dann dürftest du ja wissen, dass IE6 min-width nicht kennt.

Bist du darauf in deinem CSS eingegangen...auf den 1.Blick kann ich nichts entdecken?

(Sorry, die Codes hab ich nicht näher angeschaut, da PHP-Code da doch recht nutzlos ist.... ein Link wäre weitaus hilfreicher).
 
Habe das Javascript nun getestet, leider hatte es nicht den gewuenschten Effekt.
Der Inhalt bricht bei geringer Fenstergroesse im IE6 immer noch unter das Menue ab.
 
Seltsam, bei mir führt dies mit deinen eingangs gezeigten Code-Angaben zum erwünschten Ergebnis.

Hast du auch seinen Cache geleert, um zu vermeiden, dass er das alte Stylesheet lädt?

Ansonsten nenn mal bitte zur Gegenkontrolle den Link zur Seite.

mfg Maik
 
Zurück