opera und firefox problem

Status
Nicht offen für weitere Antworten.

flying-anzi

Erfahrenes Mitglied
Hallo

Ich hab ein Problem mit min-height bei opera und firefox... im inet-explorer funktioniert alles wunderbar.....

was kann da nicht stimmen?

Hier der Stylesheetcode
HTML:
#outercontent {
 background-color: #e8e8e8;
 width: 754px;
 padding: 13px;
 height:1250px;
 min-height:auto;
 margin-bottom: 13px;
 border: 1px solid #AEAEAE;
}
* html #outercontent {height: 655px} /* IE Min-Height Hack */ 



/* ------------------------ End outer content -----------------*/

/* ------------------------ Start Columns -----------------*/
#centercolumn { /* Parent Wrapper for inside boxes */ 
 background-color: #333333;
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 padding: 7px;
 width: 550px;
 height:1200px;
 min-height:auto;
 float: left;
 color: #E9E9E9;
}
Internetexplorer
inet.jpg

Opera
opera1.jpg
 
Zuletzt bearbeitet:
unten auf den 2 inks sind die bilde von opera und inter-explorer


der text soll in der ebene völlige drinnen stehn wie beim inetexplorer

und nicht so wie beim opera wo die ebene plötzlich aufhört...
 
Hi,

der vermeintliche Opera-Screenshot puppt sich als IE-Screenshot heraus :suspekt:

http://www.gff-online.at/prototyp/css/opera.jpg müsste der Link wohl lauten ;-)

Anyway, wenn du für eine Box eine Mindesthöhe von beispielsweise 1000px einrichten willst, dann geschieht das auf diese Weise:

Code:
div#box {
min-height: 1000px; /* Mindesthöhe in modernen Browsern, wie Firefox & Opera */
height: auto !important; /* !important-Regel für moderne Browser, um die nachfolgende height-Deklaration zu ignorieren */
height: 1000px; /* Mindesthöhe in IE (<7) */
}
 
Jo okay ich hab es jetzt geschafft das die dunkelgraus fläche über den ganzen inhalt verläuft....

aber das mit der hellen Fläche will nicht funktionieren...(es ist die Fläche über dem wo rechts das mit dem Impressum steht...)

HTML:
#outercontent {
 background-color: #e8e8e8;
 width: 754px;
 padding: 13px;
 min-height:1250px;
 height: auto !important; /* !important-Regel für moderne Brower */
 height: 1250px; /* Für IE (<7) */
 margin-bottom: 13px;
 border: 1px solid #AEAEAE;
}
* html #outercontent {height: 655px} /* IE Min-Height Hack */ 



/* ------------------------ End outer content -----------------*/

/* ------------------------ Start Columns -----------------*/
#centercolumn { /* Parent Wrapper for inside boxes */ 
 background-color: #333333;
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 padding: 7px;
 width: 550px;
 min-height:1200px;
 height: auto !important; /* !important-Regel für moderne Brower */
 height: 1200px; /* Für IE (<7) */
 float: left;
 color: #E9E9E9;
}
 

Anhänge

  • opera1.jpg
    opera1.jpg
    71,5 KB · Aufrufe: 16
css code

HTML:
* {
 padding: 0;
 margin: 0;
}
#adwords {
	position:absolute;
	width:120px;
	height:700px;
	z-index:1;
	left: -9px;
	top: 179px;
	background-color: #CCCCCC;	
}
body {
 font-family: Arial, Helvetica, sans-serif;
 color: #666666;
 font-size: 12px;
 background-color: #ccc;
 background-repeat:repeat;
}
.wrapper {
 width: 782px;
 margin: 0 auto;
}
/* ------------------------ Start Header -----------------*/
.header {
 margin: 0px 0px 13px 0px;
 background-color: #333;
 min-height: 110px;
 padding: 10px 0px 0px 20px;
}
* html .header {height:110px} /* IE Min-Height Hack */ 
/* ------------------------ End Header -----------------*/

/* ------------------------ Start Nav Bar -----------------*/
.nav-bar {
 background-color: #E8E8E8;
 margin: 0px 0px 13px 0px;
 min-height: 17px;
 padding: 13px;
 border: 1px solid #AEAEAE;
}
* html .nav-bar {height: 17px} /* IE Min-Height Hack */ 

.nav-links li {
 list-style: none;
 display: inline;
 margin-right: 16px;
}

.nav-links li a:link {
 background-color: #E8E8E8;
 color: #333;
 font-weight: bold;
 font-size: 13px;
 text-decoration: none;
}
.nav-links li a:visited {
 background-color: #E8E8E8;
 color: #333;
 font-weight: bold;
 font-size: 13px;
 text-decoration: none;
}
.nav-links li a:hover {
 background-color: #E8E8E8;
 color: #999;
 font-weight: bold;
 font-size: 13px;
 text-decoration: none;
}
/* ------------------------ End Nav Bar -----------------*/

/* ------------------------ Start Login Bar -----------------*/
.log-bar {
 background-color: #E8E8E8;
 margin: 0px 0px 13px 0px;
 min-height: 17px;
 padding: 13px;
 border: 1px solid #AEAEAE;
}
* html .log-bar {height: 17px} /* IE Min-Height Hack */ 

.log-links li {
 list-style: none;
 display: inline;
 margin-right: 16px;
}

.log-links li a:link {
 background-color: #E8E8E8;
 color: #333;
 font-weight: bold;
 font-size: 13px;
 text-decoration: none;
}
.log-links li a:visited {
 background-color: #E8E8E8;
 color: #333;
 font-weight: bold;
 font-size: 13px;
 text-decoration: none;
}
.log-links li a:hover {
 background-color: #E8E8E8;
 color: #999;
 font-weight: bold;
 font-size: 13px;
 text-decoration: none;
}
/* ------------------------ End Login Bar -----------------*/

/* ------------------------ Start outer content -----------------*/
#outercontent {
 background-color: #e8e8e8;
 width: 754px;
 padding: 13px;
 min-height:1250px;
 height: auto !important; /* !important-Regel für moderne Brower */
 height: 1250px; /* Für IE (<7) */
 margin-bottom: 13px;
 border: 1px solid #AEAEAE;
}



/* ------------------------ End outer content -----------------*/

/* ------------------------ Start Columns -----------------*/
#centercolumn { /* Parent Wrapper for inside boxes */ 
 background-color: #333333;
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 padding: 7px;
 width: 550px;
 min-height:1200px;
 height: auto !important; /* !important-Regel für moderne Brower */
 height: 1200px; /* Für IE (<7) */
 float: left;
 color: #E9E9E9;
}
.newsbox
{
	background : url(newsbox/news-o.gif);
	background-repeat : no-repeat;
	background-position : left top;
}
.rightcolumn {
 margin: 0px 0px 13px 13px;
 padding: 7px;
 display: inline; /* IE Hack */
 width: 158px;
 float: left;
 border: 1px solid #AEAEAE;
 background-color: #ccc;
}
/* ------------------------ End Columns -----------------*/

/* ------------------------ Start Footer -----------------*/
#footer {
 border: 1px solid #AEAEAE;
 padding: 15px;
 margin-bottom: 13px;
 background-color: #e8e8e8;
}
/* ------------------------ End Footer -----------------*/

h1 {
 font-size: 23px;
 font-family: Arial;
}
.float {
 float: left;
 padding: 0px 10px 0px 0px;
}
img {
 border: none;
}
/* Links */
a:link {
 color: #333333;
 text-decoration: none;
}
a:visited {
 color: #333333;
 text-decoration: none;
}
a:hover {
 color: #333333;
 background-color: #fff;
 text-decoration: none;
}

php code

PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<?php
   function getmicrotime(){
      list($usec, $sec) = explode(" ",microtime());
      return ((float)$usec + (float)$sec);
   }
    
   $time_start = getmicrotime();?><?php
//check online User
include("sql/config.inc.php");
$db_name = 'gff1';

/* Erstellt Connect zu Datenbank her */
$db = @mysql_connect($host, $user, $pass);

$db_select = @mysql_select_db($db_name);

$sql = 'UPDATE `users` SET `UserSession` = NULL  WHERE  time_after_30 <= NOW()';
$result = mysql_query($sql);
?><?php
mb_http_input("utf-8");
mb_http_output("utf-8");
?>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>..::GFF - Die Insider - Kallham - Dorf - Co. ::..</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta name="verify-v1" content="SKoQ00kS7TXjfeuQsHD2cZLa0dZAZb79p38+P7w1hqM="><meta name="revisit-after" content="1 day">
<meta name="keywords" content="Community, Portal, Jugend, Kallham, Dorf, Eventfotos, Fotos, News, Hausruckviertel, Eventpics, Pics, Usersuche, Userpage, Fotoalben,  Eventkalender, Registrieren, Spaß, fun, Friends, User, Private Nachrichten, Mails" />
<meta name="Description" content="GFF - Die Online &amp; Event-Community im Hausruckviertel - Die besten Eventtips, News &amp; Pics t&auml;glich." />


</head>

<body>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-1995085-2";
urchinTracker();
</script>
 <!-- Start Adwords -->
 <!-- End Adwords -->
 <!-- Start Wrapper -->
<div class="wrapper"><div id="adwords">
                <script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
              </script>
              </div>

      <!-- Start Header -->
      <div class="header">
	     <img src="images/logo.png" alt="Logo" width="752" height="89" />	  </div>
      <!-- End Header -->
	
	  
     

	        <!-- Start Navigation Bar -->
      <div class="nav-bar">
	     <ul class="nav-links">
		    <li>
		      
	        <a href="#">Home</a></li>
			<li><a href="#">Location</a></li>
			<li><a href="#">About</a></li>
			<?php 
			session_start();
include_once('login/sessionhelpers.inc.php');

			if ( !logged_in() ) {
    echo '<li><a href="reg/index.php">Registrieren</a></li>';
} else {
    echo '&nbsp;';
    
}
Werbung
?>
		    
	     <!-- Start Linktausch.at Textlinkcode 3 --><li><a href="http://www.linktausch.at/">Linktausch.at</a></li>
		 <li><a href="pns.php?search">Membersuche</a></li>
	     </ul>
  </div>
      <!-- End Navigation Bar -->
	  
	  <!-- Start Login Bar -->
  <div class="log-bar"> <?php

session_start();
include_once('login/sessionhelpers.inc.php');
$result = mysql_query("SELECT UserName FROM users WHERE UserSession = \"" . session_id() . "\"");
 
       while($row = mysql_fetch_array($result)) {
         $username1           = $row[UserName];
		 }
if ( isset($_POST['login']) ) {
    $userid = check_user($_POST['username'], $_POST['userpass']);
    if ( $userid ) {
        login($userid);
    } else {
        echo '<p>Ihre Anmeldedaten waren nicht korrekt!</p>';
    }
}

if ( !logged_in() ) {
    echo <<<END
<form method="post" action="index.php">
<label>Benutzername:</label> <input name="username" type="text">
<label>Passwort:</label> <input name="userpass" type="password" id="userpass">
<input name="login" type="submit" id="login" value="Login">
</form>
END;
} else {
	echo 'Hallo ';
	echo $username1;
	echo '!';
	echo '<p><a href="fotos.php">Fotos&nbsp;|</a>';
	echo '&nbsp;&nbsp;<a href="user/?sid='.$username1.'" title="Userpage">Userpage&nbsp;|</a>';
	echo '&nbsp;&nbsp;<a href="pns.php?read">PN`s&nbsp;|</a>';
	echo '&nbsp;&nbsp;<a href="pns.php?newpn">Neue Pn&nbsp;|</a>';
	echo '&nbsp;&nbsp;<a href="pns.php?change_user"><strong>Einstellungen</strong>&nbsp;|</a>';
    echo '&nbsp;&nbsp;<a href="login/logout.php">Ausloggen</a></p>';
}

?></div>
      <!-- End Login Bar -->
	  
	  	<!-- Start Werbung Bar -->
  <div class="log-bar" align="center"><?php include('adserver/index.php'); ?></div>
      <!-- End Werbung Bar -->
		
	  <!-- Start Outer Content -->
  <div id="outercontent">
		 
		 <div id="centercolumn">

		   <h1>GFF</h1>
		   <p>Herzlich Willkommen auf der neuen der neuen Insider Community </p>
		   <p>&nbsp;</p>
		   <h2 align="center">&nbsp;</h2>
		   <h1>News</h1>
		   <p>&nbsp;</p>
		   <p>
             <?php
include'newsbox/newsbox.php';
?>
	       </p>
	       </p>
		   <p>&nbsp;</p>
		   <p>&nbsp;</p> 
    </div>
		 
		 <!-- Start Right Content -->
    <div class="rightcolumn">
<!-- BEGINN GOWEB WEBCOUNTER -->
<center>
<a href="http://www.webcounter.goweb.de" target="_blank"><img src="http://webcounter.goweb.de/51086.GIF" alt="gratis Counter by GOWEB" border="0" vspace="0"></a><br>
<a href="http://www.webcounter.goweb.de"></a>
</center>
<!-- ENDE GOWEB WEBCOUNTER -->    </div>
		 
		 <div class="rightcolumn">
		   
		      
		       <?PHP
include("sql/config.inc.php");
$db_name = 'gff1';

/* Erstellt Connect zu Datenbank her */
$db = @mysql_connect($host, $user, $pass);

$db_select = @mysql_select_db($db_name);

$sql = 'SELECT * 
FROM `users` 
WHERE `UserSession` IS NOT NULL 
ORDER BY `users`.`date` DESC 
LIMIT 0 , 5';

$result = mysql_query($sql);
echo'<h3>Online User</h3>';
for($x = 0; $x < mysql_num_rows($result); $x++){
  $str_1 = mysql_result($result, $x, 'users.UserName');
  $str_2 = mysql_result($result, $x, 'users.link');
  echo '<a href="'.$str_2.'">' . $str_1 . '</a><br>';

}
?>
   </div>
	 <!-- End Right Content -->
     <div class="rightcolumn">
       <h4>Voting       </h4>
       <?php echo (include('news/umfrage.php')) ?>
	   
    </div>
    
     <div class="rightcolumn">
       <?php 
	
$db = mysql_connect('localhost','xxx','xxx') or die(mysql_error());
mysql_select_db('gff1', $db) or exit(mysql_error());
$sql_r = mysql_query("SELECT * FROM `userprofile` WHERE `userprofile`.`Nickname` = 'sitecounter'");
$data_r = mysql_fetch_array($sql_r);
// Hier beginnt das Update
$count =1;
$visit= $data_r['Aufrufe']+$count;
$sql_w = mysql_query("UPDATE `userprofile` SET `Aufrufe`='$visit' WHERE `Nickname`='sitecounter'");

echo'Diese Homepage wurde seit dem 18.6.2007 '.$data_r['Aufrufe'].' mal aufgerufen.';
?>
</div>
  </div>
  <!-- End Outer Content -->
		 
		 
	
	  <!-- End Outer Content -->
	  
	  <!-- Start Footer -->
	  <!-- End Footer -->
	  <p align="right"><a href="pns.php?imp">Impressum</a></p>
      <p align="right">&copy; by Michael Anzengruber 2006</p>
      <p align="right">Thanks for the Design of <a href="http://www.code-sucks.com" target="_blank">Code-Suks.com</a></p>
</div>

<!-- End Wrapper -->

 <?php 
 $time_end = getmicrotime(); //Am ende der Seite
   $time = round($time_end - $time_start,4);
   echo "Seite in ".$time." Sekunden generiert";    
?>
</body>
</html>
 
Dann schau doch mal, wo du den "Footer" notiert hast. Und wo ist im HTML-Dokument überhaupt das dazugehörige Element mit der ID #footer?
 
Ich weiss jetzt nicht, wo du den Footer eingebaut hast, aber wenn er sich in der rechten Spalte befinden soll, dann muss er auch darin eingebettet werden, was in deinem zuletzt gezeigten Quellcode aber nicht der Fall ist.
 
Status
Nicht offen für weitere Antworten.
Zurück