Tabelle nur anhand von DIV-Blöcken erstellen

von **philsen** » 20.07.2008, 21:37

HILFEEEEEEEEE!!! ^^ Ich erleide gleich ein Nervenzusammenbruch !
Ich möchte eine Tabelle anhand von Div-Blöcken erstellen und habe ein Beispiel mal vorbereitet.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
#table {
overflow:hidden;
width:25.8cm;
}

#zeile {
width:100 %;
overflow:hidden;
padding-right:-3px;
}

#zelle {
float:left;
overflow:hidden;
}

#content {
border:1px solid #000;
display:block;
}
</style>
</head>
<body>

<div id="table">
<div id="zeile">
<div id="zelle" style="width:10%;"><span id="content">hallo</span></div>
<div id="zelle" style="width:10%;"><span id="content">hallo</span></div>
<div id="zelle" style="width:10%;"><span id="content">hallo</span></div>
<div id="zelle" style="width:10%;"><span id="content">hallo</span></div>
<div id="zelle" style="width:10%;"><span id="content">hallo</span></div>
<div id="zelle" style="width:10%;"><span id="content">hallo</span></div>
<div id="zelle" style="width:10%;"><span id="content">hallo</span></div>
<div id="zelle" style="width:10%;"><span id="content">hallo</span></div>
<div id="zelle" style="width:10%;"><span id="content">hallo</span></div>
<div id="zelle" style="width:10%;"><span id="content">hallo</span></div>
</div>
<div id="zeile">
<div id="zelle" style="width:60%;"><span id="content">hallo</span></div>
<div id="zelle" style="width:40%;"><span id="content">hallo</span></div>
</div>
</div>

</body>
</html>

Der Grund für die 25.8cm breite der Tabelle liegt daran, dass ich die Seite nachher im Querformat auf dem Papier ausdrucken möchte, und somit erhalte ich fast die komplette breite der Din a4 Seite.

Jetzt zum Problem:

1. Die gefloatet Div Blöcke passen nicht in den umschließenden Div Block, obwohl ich nicht die 100% überschreite.

2. Im Ausdruck sieht alles normal aus, es ist kein Fehler zu erkennen.

Bitte Hilft mir, ich könnte verzweifeln!!!!!!

von **Laus** » 21.07.2008, 08:54

Hallo

Zuerst mal eine id darf immer nur einmal verwendet werden, benutze also dafür class.
Was willst du den mit dieser Tabelle genau machen?
Wenn du sie zur Ausgabe von Tabellarischen Daten verwenden willst dann benutze doch dazu auch eine Tabelle. Dafür ist sie nämlich da.

Die gefloatet Div Blöcke passen nicht in den umschließenden Div Block, obwohl ich nicht die 100% überschreite.

Beschäftige dich mal mit dem Boxmodell, denn Breite ist nicht gleich Breite.

Im Ausdruck sieht alles normal aus, es ist kein Fehler zu erkennen.

Der Ausdruck erfolgt auch nach anderen Gesichtspunkten, als die Browser die Seite Rendern.

Gruß Xaver

von **philsen** » 21.07.2008, 12:09

Danke fürs anschauen des Problems.

Okay, das mit den id's habe ausversehen vergessen

.

Ich möchte mir mit den DIV's eine flexiblere Tabelle bauen.

1. Ich kann Blöcke zum beispiel so anordnen

60%/40%
33.33%/33.33%/33.33%
100%
62%/38%

etc.

Und das alles in einer Tabelle dann darstellen

2. Unterscheiden sich die Tabellen in Browsern ziemlich krass beim Ausdruck.

3. Ich persönlich finde das Boxen-Modell hier angenehmer als die Tabellen Lösung.

MFG
--Philsen

Tabelle nur anhand von DIV-Blöcken erstellen

Tabelle nur anhand von DIV-Blöcken erstellen

Ähnliche Beiträge zu "Tabelle nur anhand von DIV-Blöcken erstellen"

Wer ist online?