Hallo,
möchte dass mein Fenster in 3 Teile aufteil:
- Oben (100px)
- Mitte (variabel - so viel wie halt frei ist)
- Unten (40px)
So, hab da was geschrieben, nur ist das Problem, dass die erste Tabellen-Zeile wesentlich größer ist, und ich einfach nicht mehr weiterkomme. Hoffe mir kann jemand helfen. Danke schonmal im Voraus!
body { padding:0px; margin:0cm 0cm 0cm 0cm; height:100%; width:100%; background-color:#FFFFFF};
Table { width:100%; height:100%; font-family:Arial,serif; border-spacing:0px; padding:0cm 0cm 0cm 0cm; margin:0cm 0cm 0cm 0cm; }
.top { width:100%; height:100px; border-width:0px; border-style:solid; border-color:#FFFFFF; border-spacing:0px; padding:0cm 0cm 0cm 0cm; margin:0cm 0cm 0cm 0cm; background-color:#FFFFFF; };
.middle { width:100%; height:; border-width:1px; border-style:solid; border-color:#000000; border-spacing:0px; padding:0cm 0cm 0cm 0cm; margin:0cm 0cm 0cm 0cm; background-color:#FFFFFF; };
.down { width:100%; height:40px; border-width:0px; border-style:solid; border-color:#FFFFFF; border-spacing:0px; padding:0cm 0cm 0cm 0cm; margin:0cm 0cm 0cm 0cm; background-color:#FFFFFF; };
#Space1 { background-color:#FFFFFF; margin:auto; width:100%; height:100%; }
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> </title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="Space1">
<table border="1">
<tr>
<td class="top"> Hello1 </td>
</tr>
<tr>
<td class="middle"> Hello2 </td>
</tr>
<tr>
<td class="down"> Hello3 </td>
</tr>
</table>
</div>
</body>
</html>
Kopierts einfach in ne style.css und ne index.htm und es müsse auch bei euch gehen!
Gruß Giovanni