5 Spalten: Zellen verbinden Nur wie?

Erst einmal ein Hallo an alle Threadlesenden!

Ich habe folgendes Problem: Ich habe eine Homepage mit drei Teilen gebastelt. Diese Teile habe ich unterschiedliche Spalten einer Tabelle gepackt. Dadurch passen sich diese Spalten aber leider auch dem jeweils größten -Element an. Ich brauche aber unabhängige Spalten, die sich dynamisch vergrößern bzw. verkleinern. Ich habe es schon mit der Zellenverbindung versucht, habe es aber nicht geschafft. Hier sind mal die Codes:

unveränderter Code:
[HTML]

Demon Hunter Access | <?php echo $news; ?>
Header
 
<?php include ("side_l.tpl"); ?> <?php include ("content.tpl"); ?> <?php include ("side_r.tpl"); ?>
[/HTML]

Code mit Zellenverbindung:
[HTML]

 
<?php include ("side_l.tpl"); ?> <?php include ("content.tpl"); ?> <?php include ("side_r.tpl"); ?>
[/HTML] Die .tpl Dateien sind die Files, die eine eigene Zelle bekommen sollen.

Hier ist auch noch mal der Link: Demon Hunter Access |

Ich würde mich über ein paar Lösungsvorschläge freuen. Divs wollte ich für das Grundgerüst eigentlich nicht nutzen, wenn sich dies aber nicht vermeiden lässt, wäre eine Verwendung auch nicht schlimm.

MfG
team-lpinside

Du verwendest eine Tabelle, obwohl Du keine brauchst, ärgerst Dich dann aber, dass sich die Tabelle verhält, wie eine Tabelle.
Das ist so, wie wenn Du Dir ein Auto kaufst, damit ins Meer fährst, und Dich ärgerst, wieso es nicht schwimmt und fragst uns, wie Du Dein Auto umbauen kannst, damit es schwimmt.
Warum also kaufst Du Dir kein Boot?

Divs wollte ich für das Grundgerüst eigentlich nicht nutzen, wenn sich dies aber nicht vermeiden lässt, wäre eine Verwendung auch nicht schlimm.

Nein, sowas macht man ja auch nicht. Genausowenig, wie man eine Tabelle für das Layout nimmt.
Man nutzt HTML in seinem wirklichen Sinne für die Basis, d.h. man zeichnet seinen Inhalt logisch aus (Semantik!). Hin und wieder, zum Gruppieren mehrerer Elemente zwecks gemeinsamer Formatierung mit CSS, verwendet man auch mal das ein oder andere

. Aber ein Mittel zum Layout ist das allgemeine Blockelement nicht.
Man zeichnet Überschriften als solche aus, Adressen, Textabsätze, Listen, wichtige Textpassagen usw. Dazu ist HTML. Mit dem Aussehen oder Layout hat das noch nichts zu tun. Das kommt auf die fertige Struktur mit CSS.

Gruß,
-Efchen

OK danke, aber wie bekomme ich das dann hin :smiley:

Was genau?
Es ist alles nicht unglaublich schwer, aber es ist ne Menge Arbeit.
Anfangen solltest Du mit sauberem HTML.

Aber der Code mit der Zellenverbindung geht eigetnlich recht gut. Also die linke und rechte Seite waren auf gleicher Höhe, gäbe es auch noch eine Möglichkeit die Spalte „content.tpl“ mit so einer Zelle zu versehen, auch wenn es nicht ganz sauber ist.
Ich habe meine modifizierte index.php Datie auch mal hochgeladen (einfach auf den Link klicken) dann kann mein Problem vielleicht besser nachvollziehen.

Trotzdem schon mal danke für deine Hilfe.

EDIT:
Mir fällt auf, dass side_l.tpl auch noch eine leere Zelle brkommen müsste damit sich das auch dynamisch verändert.

schau dir das mal an

[code]

    body   { 
        background-color: #545454;
        }

    #over     {
        height: 50em;
        width: 65em;
        margin: 10px auto;
        border: #000000 2px solid;
        }

    #main   {
        height: 100%;
        width: 30em;
        margin: 0px auto;
        border: #000000 2px solid;
        }

    #side1 {
          float: left;
          margin-left: 15px;
          width: 15em;
          height: 45em;
        border: #000000 2px solid;
        }


    .vid {
        display: block; 
        height: 5em; 
        margin-top: 20px;
        border: #000000 2px solid;
        }

    .termin {
        display: block; 
        height: 5em; 
        margin-top: 20px;
        border: #000000 2px solid;
        }

    .shout {
        display: block; 
        height: 5em; 
        margin-top: 20px;
        border: #000000 2px solid;
        }

    #side2 {
          float: right;
          margin-right: 15px;
          width: 15em;
          height: 45em;
        border: #000000 2px solid;
        }


    .stats {
        display: block; 
        height: 5em; 
        margin-top: 20px;
        border: #000000 2px solid;
        }

    .minigal {
        display: block; 
        height:5em; 
        margin-top: 20px;
        border: #000000 2px solid;
        }

    .links {
        display: block; 
        height: 5em; 
        margin-top: 20px;
        border: #000000 2px solid;
        }
<div id="side1">
    <p class="vid"> vid     </p>
    <p class="termin"> termine     </p>
    <p class="shout">    shoutbox  </p>        
</div>


<div id="side2">
    <p class="stats">   stats   </p>
    <p class="minigal">   minigalerie   </p>
    <p class="links">   links   </p>
</div>

<div id="main"> mainfenster 
</div>
[/code]viel spass..

sry das ich keinen passenden namen für die side1 und side2 gefunden hab, aber ist au net meine seite…ka was dabei sich gedacht wird grmml

Hey super ;Jump! Vielen Dank, dass du dir so viel Mühe gegeben hast. Mir ist gerade auch aufgefallen, dass man das gar nicht anders lösen kann ;).
Nunja ich werde den Code noch ein bisschen umschreiben, damit er dann ganz passt, scheint aber wirklich zu funktionieren.

Wenn ich Probleme haben sollte, melde ich mich noch einmal.

such dir erstmal dein passenden doctype und erstelle noch eine .css-datei. den rest kannst du ja dann alles machen (denke das sollte sich dadrauß ableiten können), das grundgerüst dafür hast du ja jetzt.