[HTML] Grosses Problem mit dem 'height' Attribut

**wahsaga** · 02.07.2004, 19:04

Re: [HTML] Grosses Problem mit dem 'height' Attribut

Original geschrieben von eRoZion
Weis hier zufällig jemand wie man eine Tabelle 100% in der Höhe ausrichten kann und das dann auch mit Netscape funktioniert?

diese 100% beziehen sich auf die höhe der elternelemente - also müssen diese auch mindestens 100% hoch sein.

Ich habe nämlich sonst ein kleines Designproblem auf meiner Website

natürlich hast du ein designproblem, denn du missbrauchst ja tabellen dafür - aber das sagtest du doch bereits ...?
*scnr*

Oder hat vielleicht jemand eine andere Idee wie man dieses Layout sonst noch umsetzen kann?

klar, semantisch logisches markup verwenden ohne tabellen zu missbrauchen, und dann mit CSS wie gewünscht formatieren - float dürfte dabei das wichtigste stichwort sein.

leicht verständliche und anpassbare beispiele unter http://glish.com/css/

**eRoZion** · 02.07.2004, 20:22

ohne tabellen zu missbrauchen

Inwiefern meinst Du das? Das man das 'height' Attribut für Tabelle nicht verwenden soll ist mir klar. Ich kenne aber sonst keine andere Möglichkeit weil ich erst seit kurzem mit CSS arbeite. Und perfekt Englisch kann ich leider auch nicht.

Gib mir mal ein paar Tipps.

**wahsaga** · 03.07.2004, 10:23

Original geschrieben von eRoZion
Inwiefern meinst Du das?

na so, wie's das steht.
tabellen sind für die darstellung tabellarischer daten gedacht, eine adressenliste z.b.
aber nicht, um damit dein "layout" anzuordnen.

Ich kenne aber sonst keine andere Möglichkeit weil ich erst seit kurzem mit CSS arbeite. Und perfekt Englisch kann ich leider auch nicht.

Gib mir mal ein paar Tipps.

schau dir die beispiele einfach mal in ruhe an.

ein wenig englisch sollte man schon können, wenn man sich mit webdesign beschäftigt.

ansonsten siehe mal den sticky thread in diesem forum, dort findest du eine weitere seite, die CSS-grundlagen ganz gut erklären soll.

**eRoZion** · 04.07.2004, 19:05

Ich versuche es jetzt mal mit dem '<div>' Tag.

Ich habe mir da mal folgendes zusammen geschrieben: (ist nur zum testen)

Code:

<?xml version="1.0" encoding="windows-1252" ?>
<!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" dir="ltr" lang="de" xml:lang="de">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />

<style type="text/css">
<!--
html {
 height: 100%;
}

body {
 height: 100%;
}

#container {
 border-top: 1px solid #000000;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
 border-bottom: 1px solid #000000;
 width: 900px;
 height: 100%;
}

#navigation {
 background-image: url('images/cellpic1.gif');
}

#logo {
 background-image: url('images/logo.jpg');
 background-repeat: no-repeat;
 background-position: center;
 height: 100px;
}

#menu {
 border-right: 1px solid #000000;
 width: 170px;
 float: left;
}

#content {
 float: right;
}
-->
</style>
</head>

<body>

<div id="container">
 <div id="navigation">
 Navigation
 </div>
 <div id="logo">
 Logo
 </div>
 <div id="menu">
 Menu
 </div>
 <div id="content">
 Content
 </div>
</div>

</body>
</html>

Dabei habe ich nun ein Problem. Wie bekomme ich jetzt den rechten Rahmen vom Menü auf die Restgrösse vom Container?

**eRoZion** · 05.07.2004, 04:30

Ich habe es jetzt endlich geschafft die Seite Mozilla-kompatibel zu machen.

[HTML] Grosses Problem mit dem 'height' Attribut