Tabelle 100% der Höhe

Status
Nicht offen für weitere Antworten.
C

chuvak

Erfahrenes Mitglied
Ich habe mit Fireworks ein Menü erstellt. Unten ist eine braune Fläche, sie soll sich, je nach Auflösung, GANZ nach unten erstrecken, also irgendwo height=100% einfügen. Ich bekomme es aber nicht hin.
Hab das Beispiel als Anhang hinterlegt, das Original ist auf http://www.ambrosia-restaurant.de/ambrosia.htm zu sehen.
(Im Anhang ist der Bereich, der sich nach unten erstrecken soll als A dargestellt. Das Ergebnis (erhellt) ist B.)

Danke!
 

Anhänge

  • 27593attachment.jpg
    27593attachment.jpg
    39 KB · Aufrufe: 18
Mein Tipp zur Jahreswende: Setze das Seitenlayout incl. Navigationsmenü tabellenlos um, da Tabellen hierfür semantisch nicht vorgesehen sind (Stichwort: CSS-Layout), und definiere dann für die linke Spalte die gewünschte Hintergrundfarbe.
 
Meinst du, mit DIV soll ich das alles machen?
Dafür würde ich doch den ganzen Tag brauchen oder stelle ich mir das schwieriger vor, als es ist?
Geht das denn nicht einfach mit einer zweiten Tabelle ganz unten?
 
So wie ich das überblicke, benötigst du zwei DIVs für die linke und rechte Spalte, sowie ein Listenelement für das Navigationsmenü.
 
Wohin die Reise geht, kannst du dir in diesem ersten Lösungsschritt anschauen:

Code: 
<!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></title>

<style type="text/css">
<!--
html, body {
height: 100%;
margin: 0;
padding: 0;
background: #ffffcc;
}

div#leftCol {
float: left;
width: 350px;
background: #78300a;
height: 100%;
}

div#rightCol {
margin-left: 350px;
}

div#rightCol h3 {
margin-top: 0;
}
-->
</style>

</head>
<body>

<div id="leftCol">
<table border="0" cellpadding="0" cellspacing="0" width="350">
      <!-- fwtable fwsrc="seite.png" fwbase="menu.jpg" fwstyle="Dreamweaver" fwdocid = "2021354836" fwnested="0" -->
      <tr>
        <td><img src="http://www.ambrosia-restaurant.de/bilder/spacer.gif" width="234" height="1" border="0" alt="" /></td>
        <td><img src="http://www.ambrosia-restaurant.de/bilder/spacer.gif" width="112" height="1" border="0" alt="" /></td>
        <td><img src="http://www.ambrosia-restaurant.de/bilder/spacer.gif" width="4" height="1" border="0" alt="" /></td>
        <td><img src="http://www.ambrosia-restaurant.de/bilder/spacer.gif" width="1" height="1" border="0" alt="" /></td>
      </tr>
      <tr>
        <td rowspan="7"><img name="menu_r1_c1" src="http://www.ambrosia-restaurant.de/bilder/menu_r1_c1.jpg" width="234" height="162" border="0" id="menu_r1_c1" alt="" /></td>
        <td colspan="2"><img name="menu_r1_c2" src="http://www.ambrosia-restaurant.de/bilder/menu_r1_c2.jpg" width="116" height="36" border="0" id="menu_r1_c2" alt="" /></td>
        <td><img src="http://www.ambrosia-restaurant.de/bilder/spacer.gif" width="1" height="36" border="0" alt="" /></td>
      </tr>
      <tr>
        <td><a href="ambrosia.htm" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','menu_r2_c2','http://www.ambrosia-restaurant.de/bilder/menu_r2_c2_f2.jpg','http://www.ambrosia-restaurant.de/bilder/menu_r2_c2_f3.jpg',1);" onclick="MM_nbGroup('down','navbar1','menu_r2_c2','http://www.ambrosia-restaurant.de/bilder/menu_r2_c2_f3.jpg',1);"><img name="menu_r2_c2" src="http://www.ambrosia-restaurant.de/bilder/menu_r2_c2.jpg" width="112" height="31" border="0" id="menu_r2_c2" alt="Ambrosia" /></a></td>
        <td rowspan="17"><img name="menu_r2_c3" src="http://www.ambrosia-restaurant.de/bilder/menu_r2_c3.jpg" width="4" height="450" border="0" id="menu_r2_c3" alt="" /></td>
        <td><img src="http://www.ambrosia-restaurant.de/bilder/spacer.gif" width="1" height="31" border="0" alt="" /></td>
      </tr>
      <tr>
        <td><img name="menu_r3_c2" src="http://www.ambrosia-restaurant.de/bilder/menu_r3_c2.jpg" width="112" height="11" border="0" id="menu_r3_c2" alt="" /></td>
        <td><img src="http://www.ambrosia-restaurant.de/bilder/spacer.gif" width="1" height="11" border="0" alt="" /></td>
      </tr>
      <tr>
        <td><a href="lage.htm" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','menu_r4_c2','http://www.ambrosia-restaurant.de/bilder/menu_r4_c2_f2.jpg','http://www.ambrosia-restaurant.de/bilder/menu_r4_c2_f3.jpg',1);" onclick="MM_nbGroup('down','navbar1','menu_r4_c2','http://www.ambrosia-restaurant.de/bilder/menu_r4_c2_f3.jpg',1);"><img name="menu_r4_c2" src="http://www.ambrosia-restaurant.de/bilder/menu_r4_c2.jpg" width="112" height="31" border="0" id="menu_r4_c2" alt="Lage" /></a></td>
        <td><img src="http://www.ambrosia-restaurant.de/bilder/spacer.gif" width="1" height="31" border="0" alt="" /></td>
      </tr>
      <tr>
        <td><img name="menu_r5_c2" src="http://www.ambrosia-restaurant.de/bilder/menu_r5_c2.jpg" width="112" height="11" border="0" id="menu_r5_c2" alt="" /></td>
        <td><img src="http://www.ambrosia-restaurant.de/bilder/spacer.gif" width="1" height="11" border="0" alt="" /></td>
      </tr>
      <tr>
        <td><a href="speise.htm" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','menu_r6_c2','http://www.ambrosia-restaurant.de/bilder/menu_r6_c2_f2.jpg','http://www.ambrosia-restaurant.de/bilder/menu_r6_c2_f3.jpg',1);" onclick="MM_nbGroup('down','navbar1','menu_r6_c2','http://www.ambrosia-restaurant.de/bilder/menu_r6_c2_f3.jpg',1);"><img name="menu_r6_c2" src="http://www.ambrosia-restaurant.de/bilder/menu_r6_c2.jpg" width="112" height="31" border="0" id="menu_r6_c2" alt="Speisekarte" /></a></td>
        <td><img src="http://www.ambrosia-restaurant.de/bilder/spacer.gif" width="1" height="31" border="0" alt="" /></td>
      </tr>
      <tr>
        <td><img name="menu_r7_c2" src="http://www.ambrosia-restaurant.de/bilder/menu_r7_c2.jpg" width="112" height="11" border="0" id="menu_r7_c2" alt="" /></td>
        <td><img src="http://www.ambrosia-restaurant.de/bilder/spacer.gif" width="1" height="11" border="0" alt="" /></td>
      </tr>
      <tr>
        <td rowspan="9"><img name="menu_r8_c1" src="http://www.ambrosia-restaurant.de/bilder/menu_r8_c1.jpg" width="234" height="181" border="0" id="menu_r8_c1" alt="" /></td>
        <td><a href="geschichte.htm" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','menu_r8_c2','http://www.ambrosia-restaurant.de/bilder/menu_r8_c2_f2.jpg','http://www.ambrosia-restaurant.de/bilder/menu_r8_c2_f3.jpg',1);" onclick="MM_nbGroup('down','navbar1','menu_r8_c2','http://www.ambrosia-restaurant.de/bilder/menu_r8_c2_f3.jpg',1);"><img name="menu_r8_c2" src="http://www.ambrosia-restaurant.de/bilder/menu_r8_c2.jpg" width="112" height="31" border="0" id="menu_r8_c2" alt="Geschichte" /></a></td>
        <td><img src="http://www.ambrosia-restaurant.de/bilder/spacer.gif" width="1" height="31" border="0" alt="" /></td>
      </tr>
      <tr>
        <td><img name="menu_r9_c2" src="http://www.ambrosia-restaurant.de/bilder/menu_r9_c2.jpg" width="112" height="11" border="0" id="menu_r9_c2" alt="" /></td>
        <td><img src="http://www.ambrosia-restaurant.de/bilder/spacer.gif" width="1" height="11" border="0" alt="" /></td>
      </tr>
      <tr>
        <td><a href="fotos.htm" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','menu_r10_c2','http://www.ambrosia-restaurant.de/bilder/menu_r10_c2_f2.jpg','http://www.ambrosia-restaurant.de/bilder/menu_r10_c2_f3.jpg',1);" onclick="MM_nbGroup('down','navbar1','menu_r10_c2','http://www.ambrosia-restaurant.de/bilder/menu_r10_c2_f3.jpg',1);"><img name="menu_r10_c2" src="http://www.ambrosia-restaurant.de/bilder/menu_r10_c2.jpg" width="112" height="31" border="0" id="menu_r10_c2" alt="Fotos" /></a></td>
        <td><img src="http://www.ambrosia-restaurant.de/bilder/spacer.gif" width="1" height="31" border="0" alt="" /></td>
      </tr>
      <tr>
        <td><img name="menu_r11_c2" src="http://www.ambrosia-restaurant.de/bilder/menu_r11_c2.jpg" width="112" height="11" border="0" id="menu_r11_c2" alt="" /></td>
        <td><img src="http://www.ambrosia-restaurant.de/bilder/spacer.gif" width="1" height="11" border="0" alt="" /></td>
      </tr>
      <tr>
        <td><a href="presse.htm" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','menu_r12_c2','http://www.ambrosia-restaurant.de/bilder/menu_r12_c2_f2.jpg','http://www.ambrosia-restaurant.de/bilder/menu_r12_c2_f3.jpg',1);" onclick="MM_nbGroup('down','navbar1','menu_r12_c2','http://www.ambrosia-restaurant.de/bilder/menu_r12_c2_f3.jpg',1);"><img name="menu_r12_c2" src="http://www.ambrosia-restaurant.de/bilder/menu_r12_c2.jpg" width="112" height="31" border="0" id="menu_r12_c2" alt="Presseberichte" /></a></td>
        <td><img src="http://www.ambrosia-restaurant.de/bilder/spacer.gif" width="1" height="31" border="0" alt="" /></td>
      </tr>
      <tr>
        <td><img name="menu_r13_c2" src="http://www.ambrosia-restaurant.de/bilder/menu_r13_c2.jpg" width="112" height="11" border="0" id="menu_r13_c2" alt="" /></td>
        <td><img src="http://www.ambrosia-restaurant.de/bilder/spacer.gif" width="1" height="11" border="0" alt="" /></td>
      </tr>
      <tr>
        <td><a href="gb.php" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','menu_r14_c2','http://www.ambrosia-restaurant.de/bilder/menu_r14_c2_f2.jpg','http://www.ambrosia-restaurant.de/bilder/menu_r14_c2_f3.jpg',1);" onclick="MM_nbGroup('down','navbar1','menu_r14_c2','http://www.ambrosia-restaurant.de/bilder/menu_r14_c2_f3.jpg',1);"><img name="menu_r14_c2" src="http://www.ambrosia-restaurant.de/bilder/menu_r14_c2.jpg" width="112" height="31" border="0" id="menu_r14_c2" alt="Gästebuch" /></a></td>
        <td><img src="http://www.ambrosia-restaurant.de/bilder/spacer.gif" width="1" height="31" border="0" alt="" /></td>
      </tr>
      <tr>
        <td><img name="menu_r15_c2" src="http://www.ambrosia-restaurant.de/bilder/menu_r15_c2.jpg" width="112" height="11" border="0" id="menu_r15_c2" alt="" /></td>
        <td><img src="http://www.ambrosia-restaurant.de/bilder/spacer.gif" width="1" height="11" border="0" alt="" /></td>
      </tr>
      <tr>
        <td rowspan="2"><a href="kontakt.htm" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','menu_r16_c2','http://www.ambrosia-restaurant.de/bilder/menu_r16_c2_f2.jpg','http://www.ambrosia-restaurant.de/bilder/menu_r16_c2_f3.jpg',1);" onclick="MM_nbGroup('down','navbar1','menu_r16_c2','http://www.ambrosia-restaurant.de/bilder/menu_r16_c2_f3.jpg',1);"><img name="menu_r16_c2" src="http://www.ambrosia-restaurant.de/bilder/menu_r16_c2.jpg" width="112" height="31" border="0" id="menu_r16_c2" alt="Kontakt" /></a></td>
        <td><img src="http://www.ambrosia-restaurant.de/bilder/spacer.gif" width="1" height="13" border="0" alt="" /></td>
      </tr>
      <tr>
        <td rowspan="2"><img name="menu_r17_c1" src="http://www.ambrosia-restaurant.de/bilder/menu_r17_c1.jpg" width="234" height="143" border="0" id="menu_r17_c1" alt="" /></td>
        <td><img src="http://www.ambrosia-restaurant.de/bilder/spacer.gif" width="1" height="18" border="0" alt="" /></td>
      </tr>
      <tr>
        <td><img name="menu_r18_c2" src="http://www.ambrosia-restaurant.de/bilder/menu_r18_c2.jpg" width="112" height="125" border="0" id="menu_r18_c2" alt="" /></td>
        <td><img src="http://www.ambrosia-restaurant.de/bilder/spacer.gif" width="1" height="125" border="0" alt="" /></td>
      </tr>
      <tr>
        <td colspan="3"><img name="menu_r19_c1" src="http://www.ambrosia-restaurant.de/bilder/menu_r19_c1.jpg" width="350" height="55" border="0" id="menu_r19_c1" alt="" /></td>
        <td><img src="http://www.ambrosia-restaurant.de/bilder/spacer.gif" width="1" height="55" border="0" alt="" /></td>
      </tr>
    </table>
</div>

<div id="rightCol">
<h3 align="right">Ambrosia</h3>
        <p align="justify">Herzlich willkommen auf der Internetpräsenz des griechischen Restaurants "Ambrosia" in Hannover.<br /> <br />Wir bieten Ihnen hier die Möglichkeit, sich umzuschauen und einen kleinen Eindruck zu gewinnen. Den besten Eindruck bekommt man natürlich erst nach einem Besuch bei uns. <br /><br />Ambrosia bedeutet soviel wie "Götterspeise" und stammt aus der griechischen Mythologie. "Göttlich" zu speisen verstanden die Griechen schon immer. Das Essen ist in Griechenland ein Ausdruck des Lebensgefühls und der Freude.<br />
Wir wollen unsere Gäste an diesem Gefühl teilhaben lassen und Sie ein wenig verwöhnen.</p>
</div>

</body>
</html>
Um die Listennavigation und das zur Zeit gesclicte Hintergrundbild der linken Spalte darfst du dich dann selber kümmern ;)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück