opera und firefox problem

Status
Nicht offen für weitere Antworten.
Der Footer wird nochmals unter der grauen Ebene angezeigt... wo jetzt auf dem letzteren Bild impressum steht...

PHP:
</div>
  </div>
  <!-- End Outer Content -->
		 
		 
	
	  <!-- End Outer Content -->
	  
	  <!-- Start Footer -->
	  <div id="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 Footer -->
	  <p align="right">&nbsp;</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>
 
Bei mir sitzt der Footer an dieser Stelle (siehe angehängten Screenshot), und das gilt in allen mir zur Verfügung stehenden Browsern.

Ist dies so gewünscht?
 

Anhänge

  • opera.jpg
    opera.jpg
    38,8 KB · Aufrufe: 13
Okay, die Floatumgebung muss zum Abschluss noch "gecleart" werden, damit das Elternelement seine tatsächliche Höhe annimmt, und die Spalte es am unteren Elementrand nicht überlappt - siehe hierzu auch http://positioniseverything.net/easyclearing.html.

Code:
.clearfix:after {
content: ".";
display: block;
height: 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 */
Die Klasse .clearfix wird dann im DIV #outercontent aufgerufen:

Code:
<div id="outercontent" class="clearfix"> ... </div>
 
Status
Nicht offen für weitere Antworten.
Zurück