✔ Problem mit min-height im IE

alex130 · 29. Juli 2007

Hi
Ich hab wieder mal ein Div Problem und hoffe, dass ihr mir helfen könnt. In Firefox wird die Seite richtig dargestellt und im IE nicht. Hier noch ein Screen:

und hier mein code:
index.php

PHP:

<?php
ob_start();
session_start();
define ('_index',true); 
header('Content-Type: text/html; charset=iso-8859-1');
include("configs/config.inc.php");
include("configs/functions.php");
ip_ban($_CONFIG);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title><?php echo $_CONFIG['sitename']; ?></title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>

<div id="container">
	<div id="header">
	</div>
	<div id="topNavi">
	<div class="navi-top2">
<center><a href="index.php">Home</a>
<?php if (!isset($_SESSION['user_id']))
{
	echo '<a href="index.php?site=login-formular">Login</a> ';
}
else 
{
 	echo '<a href="index.php?site=intern">Mitgliederbereich</a> ';
} 
?>
<a href="index.php?site=register">Registrieren</a> [ Kontakt ] [ Impressum ]</center>
<center>
  <a href="tr/index.php"><img src="images/turkey-flag.gif" alt="T&uuml;rkce" width="30" height="15" border="0" /></a><a href="index.php"><img src="images/flag_german.gif" alt="Deutsch" width="30" height="15" border="0" /></a>
</center>
	</div>
	</div>
	<div id="leftCol">

	<div id="navcontainer">
 	<ul>
<li><a href="index.php">Home</a></li>
<li><a href="index.php?site=artikel_auflisten">Artikel</a></li>
<li><a href="index.php?site=artikel_suchen">Suche</a></li>
<li><a href="index.php?site=artikel_eintragen">Artikel eingeben</a></li>
<li><a href="index.php?site=branchenbuch_suche">Branchenbuch</a></li>
<li><a href="index.php?site=pinnwand_">Pinnwand</a></li>
 	</ul>
	</div>
	</div>


	<div id="rightCol">
	<div class="content2">
<?php

  	switch($_GET['site']) {
	
	case "artikel_eintragen":include("artikel_eintragen.php");
	break;
	case "ueber_uns":include("ueber_uns.php");
	break;
	case "agb":include("agb.php");
	break;
	case "intern":include("intern.php");
	break;
	case "profil_bearbeiten":include("profil_bearbeiten.php");
	break;
	case "branchenbuch_eintragen":include("branchenbuch_eintragen.php");
	break;
	case "artikel_auflisten":include("artikel_auflisten.php");
	break;
	case "artikel_anzeigen":include("artikel_anzeigen.php");
	break;
	case "artikel_suchen":include("artikel_suchen.php");
	break;
	case "branchenbuch_anzeige":include("branchenbuch_anzeige.php");
	break;
	case "branchenbuch_suche":include("branchenbuch_suche.php");
	break;
	case "pinnwand_":include("pinnwand_.php");
	break;
	case "artikel_b": include("artikel_bearbeiten.php");
	break;	
	case "artikel_a": include("artikel_a.php");
	break;	

	case "change_config":include("admin/change_config.php");
    break;  
	case "login-formular":include("login-formular.php");
    break;  
	case "activate":include("activate.php");
	break;
	case "register":include("register.php");
	break;  
	case "login":include("login.php");
	break;  
	case "lostpw":include("lostpw.php");
	break;  
	case "impressum":include("impressum.php");
	break;
	case "register_done":include("templates/register_done.php");
	break;  
	case "user_exist":include("templates/user_exist.php");
	break;  
	case "empty_fields":include("templates/empty_fields.php");
	break;  
	case "register_new":include("templates/register.php");
	break;
	case "logout":include("logout.php");
	break;  
	case "not_logged_in":include("loginform.php");
	break;  
	
	default:include("default.php");
};

?>
	</div>
	</div>

	<div id="footer">
	Anzeigenportal
	</div>
</div>

</body>
</html>
<?php
ob_end_flush();
?>

style.css

HTML:

body
{
background: #DCDCDC;
margin-top: 10px;
margin-bottom: 10px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;  
font-size: 13px;
}

div#container
{
width: 800px;
margin: 0 auto;
background: #696969;
}

div#header 
{
width: 800px;
height: 65px;
background: url(images/logo.png);
}

div#topNavi
{
width: 800px;
height: 40px;
background: #696969;
}

div#leftCol
{
width: 150px;
background: #FFFF00;
float: left;
}

div#rightCol
{
width: 650px;
float: right;
min-height: 400px;
background: #fff;
}

div#footer
{
width: 790px;
height: 20px;
padding: 5px;
font-size: 12px;
background: #696969;
text-align: center;
clear: both;
}

#navcontainer {width: 150px; text-align: left; 
		margin-bottom: 2em;
		margin: 0 auto;}

#navcontainer ul {margin: 0; padding: 0;	
  list-style-type: none;
  text-indent: 20px;letter-spacing: 1px;}
  
#navcontainer li {list-style-image: none;
  margin:0; border-bottom: 1px solid black;}

#navcontainer a {display: block;
  width: 150px;height: 22px;
  font: bold 12px/22px Verdana, Arial, 
  Helvetica, sans-serif; }

#navcontainer  a:link, #navcontainer  a:visited {
  background: #ffff05;
  color: #CC6600;text-decoration: none; 
  padding-bottom: 0;}

#navcontainer li a:hover {
  background: #021454;
  color: #fff;text-decoration: none;}

#navcontainer li a#current {
  background: #00FF00;
  color: #fff;text-decoration: none;}

.content2 
{
width: 610px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
min-height: 600px;
}

a img {
border: 0;
}

Quaese · 30. Juli 2007

Hi,

der IE hat Probleme mit der CSS-Eigenschaft min-height. Versuch mal folgendes:

Code:

.content2{ width: 610px;
           margin: 0 auto;
           margin-top: 10px;
           margin-bottom: 10px;
           min-height: 600px;
           height: auto !important;
           height: 600px;}

Ciao
Quaese

alex130 · 30. Juli 2007

thx das klappt und noch eine frage, wie kann ich nur die links (a:link usw) für eine bestimmte box, z.B. .topnavi ändern?
thx

Westbär · 30. Juli 2007

Das macht man so

Code:

.topnavi a {
}

.topnavi a:hover {
}

Statt dem a etc kannst du auch andere Elemente wie z.B li oder ul bestimmen.

Gruß

alex130 · 30. Juli 2007

hi
das funktoniert irgendwie nicht, hab gerade gesehen, dass es keine class ist sondern ne id, also #
meine topnavi habe ich so definiert:

HTML:

div#topNavi { mein css code }.....

Maik · 30. Juli 2007

Hi,

dann wandelst du eben die von dir fälschlicherweise genannte Klasse in eine ID um ;-)

Code:

#topNavi a:link, #topNavi a:visited { }

#topNavi a:focus { }

#topNavi a:hover { }

#topNavi a:active { }

Nachtrag:

Gewöhn dir doch bitte zukünftig an, das Problem im Thementitel beim Namen zu nennen, und nicht immer wieder die Phrase "div problem" bzw. "mal wieder ein div problem" zu verwenden, da dieser Topic alles andere als aussagekräftig ist, und die Probleme mit einem DIV mannigfaltig sein können, wie man es bei deinen übrigen drei "div problem"-Threads gesehen hat.

Aus diesem Grund habe ich diesen Thread mal sinnigerweise umbenannt.

Vielen Dank für deine Aufmerksamkeit.

alex130 · 30. Juli 2007

Hallo,
danke nun funktioniert es.
Und wegen dem Threadtitel, es tut mir wirklich leid, ich weiß, dass ich immer blöde Titel benutze

, aber oft weiß ich einfach nicht woran das liegt und darum fällt es mir meistens schwer, einen aussagekräftigen Threadtitel zu wählen.
lg

✔ Problem mit min-height im IE

alex130

Erfahrenes Mitglied

Quaese

Moderator

alex130

Erfahrenes Mitglied

Westbär

Mitglied

alex130

Erfahrenes Mitglied

Maik

alex130

Erfahrenes Mitglied

Neue Beiträge