Zum Inhalt springen

Empfohlene Beiträge

Geschrieben

Ich verwende jetzt eine Tabelle mit 3 Zeilen.

Wie bekomme ich es hin, dass die untere Zeile immer ganz unten ist, auch wenn die Höhe < 100% ist?


<body style='margin:0px;height:100%;width:100%;vertical-align:top'>


<table border='0' cellpadding='0' cellspacing='0' width='100%' height='100%' valign='top'>

<tr width='100%' height='148'>

	<td width='100%' height='148' style='background:url(images/layout/header.jpg) repeat-x'> </td>

</tr>

<tr valign='top' width='100%' height='100%'>

	<td valign='top' height='100%' style='padding:0 10px 10px 10px'><?php include("content.php"); ?></td>

</tr>

<tr width='100%' height='35' valign='bottom'>

	<td width='100%' height='35' align='center' valign='middle' style='bottom:0px;background:url(images/layout/footer.jpg) repeat-x'><?php echo $footer_text; ?></td>

</tr>

</table>


</body>

Geschrieben


<!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>Unbenanntes Dokument</title>

<style type="text/css">

body{

 padding:0;

 margin:0;

}


#page{

 position:absolute;

 left:0px;

 bottom:0px;

 top:0px;

 right:0px;

 width:100%;

 height:100%;

}


#header{

 position:absolute;

 left:0px;

 top:0px;

 height:148px;

 width:100%;

 background-image:url(images/layout/header.jpg);

 background-repeat:repeat-x;

}


#main{

 position:absolute;

 top:148px;

 bottom:35px;

 left:0px;

 right:0px;

 width:100%;

 height:auto;

}


#footer{

 position:absolute;

 bottom:0px;

 left:0px;

 right:0px;

 height:35px;

 background-image:url(images/layout/footer.jpg);

 background-repeat:repeat-x;

}

</style>

</head>


<body>

<div id="page">

  <div id="header"> </div>

  <div id="main"><?php include("content.php"); ?></div>

  <div id="footer"><?php echo $footer_text; ?></div>

</div>

</body>

</html>

Warnung!

Nicht IE 6 sicher und was darunter ist!

Aber warum willst du das die Page immer 100% hoch ist?

Dann kannst du ja gleich Frames benutzen!

Erstelle ein Benutzerkonto oder melde Dich an, um zu kommentieren

Du musst ein Benutzerkonto haben, um einen Kommentar verfassen zu können

Benutzerkonto erstellen

Neues Benutzerkonto für unsere Community erstellen. Es ist einfach!

Neues Benutzerkonto erstellen

Anmelden

Du hast bereits ein Benutzerkonto? Melde Dich hier an.

Jetzt anmelden

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...