Zum Inhalt springen

Empfohlene Beiträge

Geschrieben

Hi,

mein problem ist, dass bei verschachtelten Tabellen die inneren Tabellen alle unterschiedlich abschließen Hat jemand von euch eine idee wie ich die Tabellen dazu bringe, dass sie gleich abschließen.

wichtig währe vieleicht noch das der inhalt der tabellen dynamisch ist und ich somit keine festen höhen vorgeben kann.

ich bin zu allen Schandtaten bereit (außer php)

mfg

Schurzi

um besseren verständnis noch mal ein codeschema:

<table>

<tr>

<td>

<table>

<tr>

<td>

inhalt

</td>

</tr>

</table>

</td>

<td>

<table>

<tr>

<td>

inhalt

</td>

</tr>

</table>

</td>

</tr>

</table>

Geschrieben

Hmm, hast du denn ansonsten die Möglichkeit, statt einzelneTabellen in einer großen Tabelle zu verpacken, alles in eine Tabelle zu packen, der du dann mit col- bzw. rowspan die entsprechenden Zeilen und Spalten gibst? Dann müsste unten alles zusammenpassen - und die Hintergrundfarben kannst du ja auch auf Spalten- und Zeilen-Ebene vergeben...

Geschrieben

bei welchen browser hast du die Probleme?

Kannst du uns ein code geben wo es nicht funzt?

Weil so theoretisch erklären ist eine Sache, das wurde wohl oben getan. Es scheint ja nur noch an der Umsetzung zu scheitern! ;)

Ich meine so wie du es beschrieben hast funktioniert es ohne probs. wenn du einfach mit "width" bzw. "height" die Werte so def. wie du sie brauchst ...

Geschrieben

erst einmal dieser fehler tritt in allen browsern auf die ich probiert hab(ie6, opera7,mozilla, konqueror)

kopier mal das in ne html-datei:

<html>

<body>

<table>

<tr>

<td>

<table>

<tr>

<td bgcolor="red">

text 1<br>

text 1<br>

</td>

</tr>

</table>

</td>

<td valign="top">

<table>

<tr>

<td bgcolor="blue">

text 2

</td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>

mein problem ist wie bekomme ich die inneren tabellen dazu gleich abzuschließen (dynamisch)

Geschrieben

so funktioniert es bei mir:

<html>

<body>

<table>

<tr>

<td>

<table height="100%">

<tr>

<td bgcolor="red">

text 1<br>

text 1<br>

</td>

</tr>

</table>

</td>

<td>

<table height="100%">

<tr>

<td bgcolor="blue">

text 2

</td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>

Geschrieben
Original geschrieben von Avidus

so funktioniert es bei mir:

<table height="100%">

so funktioniert es vielleicht im IE ;)

Der HTML Standard sagt dazu:

Line 10, column 14: there is no attribute "HEIGHT" (explain...).

<table height="100%">

Quelle: HTML Validator der w3c. :mod:

Einzig das <td> Tag hat eine Höhenangabe.

<td style="height:100px">. sollte gehen.

HAb es aber auch schon mit height=100% probiert und es hilft nicht. Wie es mit px aussieht weiss ich jetzt nicht. Eine Notlösung wäre, eine Hintergrund Grafik, damit alle Zellen aus dieselbe Grösse gebracht werden.

<td style="background-image:url(background.jpg)">

Falls jemand eine andere Lösung kennt würde ich die auch gerne hören :D

Geschrieben

so ich hab jetzt grafiken genommen

is meiner meinung nach doch noch die eleganteste lösung

allerdings werden die im opera nicht (richtig) angezeigt und verziehen mir dort das ganze layout

Geschrieben
Original geschrieben von JesterDay

<td style="height:100px">. sollte gehen.

HAb es aber auch schon mit height=100% probiert und es hilft nicht.

AAh, Gedächtniss wie ein Sieb ;) Klar geht es mit height:100px. So hab ich es daheim ja erstmal gelöst um zumindest eine gewisse Höhe zu haben. Ist natürlich nicht dasselbe wie 100%, aber immerhin tut es einigermassen (und es muss ja nicht 100px sein, kann ja mehr sein).

Wenn du es mit einem HG-Bild gemacht hast, probier es doch einfach mal mit der Pixelangabe, vielleicht will Opera dann auch.

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

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...