[html,css] Problem mit Tabellendarstellung

[fillibuster]

Hallo,

bei einem Projekt habe ich ein Problem mit der Darstellung einer Tabelle innerhalb eines div's:

Code:

#leftblock{
    float : left;
    width : 500px;
}

#rightblock{
    float : left;
    margin-left : 24px;
    padding-left : 20px;
    border-left : 1px solid #F0F0F0;
    min-height : 350px; 
}

Der rechte Block soll sich dynamisch an die angezeigte Restbreite anpassen. Leider wird da aber nix umgebrochen, sondern der ganze rightblock wird unter den leftblock gesteckt. Wie muss ich die CSS Datei anpassen?

Viele Grüße ...

[mquadrat]

Was hat der rightblock denn für einen Inhalt?

[fillibuster]

Hi,

zum Beispiel:

Code:

               <div id="rightblock">
                 <h2>Kurzreise nach Stockholm (19.05.2010 - 23.05.2010)</h2>
                 <p style="padding-bottom : 10px;">Teilnehmer: <a href="#">Christoph</a>, <a href="#">Alfred</a>, <a href="#">Thomas</a>, <a href="#">Stefan</a></p>
                 <table>
                          <colgroup>
                           <col width="60" /><col width="*" />
                        </colgroup>
                           <thead>
                              <tr><th>&nbsp;</th>
                              <th>kommentieren</th></tr>
                           </thead>
                           <tbody>
                              <tr><td class="tdcc">&nbsp;</td><td>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.</td></tr>
                           </tbody>
                 </table>
               </div>

Viele Grüße ...

[blackfin]

Zitat:

Leider wird da aber nix umgebrochen, sondern der ganze rightblock wird unter den leftblock gesteckt

Das kann ja auch gar nicht anders sein, da der Rightblock in einer neuen Tabellenzeile steht.
So geht das nicht. Wenn dann nimm ein DIV-Layout und keine Tabelle, wenn du floaten willst.
Tabellenzeilen selbst kann man nämlich nicht floaten (dann wäre es ja auch keine neue Zeile mehr..), nur innerhalb von Spalten.

Wie solls denn genau aussehen? (kurze skizze vielleicht).
Insgesamt ist der HTML-Code ziemlich "wirr" :-D

[fillibuster]

Hi Blackfin,

du hast mich glaub ich nicht richtig verstanden. Das Layout ist float-DIV. Die Tabelle befindet sich innerhalb eines DIV's (ist aber unerheblich - normaler Text verhält sich gleich). Wirr ist der nur durch den blöden Umbruch. Ich versuch mich mal an ner Skizze :shock:

Viele Grüße ...

[fillibuster]

Hi,

anbei die Skizze. Jetzt wird das Problem hoofentlich ersichtlich.

Viele Grüße ....

[blackfin]

ähm...wenn du in der css beim #rightblock das float:left rausnimmst, floatet der rightblock korrekt um den leftblock herum.
Natürlich "fliesst" der rightblock dann unter den leftblock, wenn der leftblock kürzer ist als der rightblock.
Das ist ja der Sinn von float :-D

[fillibuster]

Hi,

das behebt aber nicht das Problem mit dem Umbruch. Der lange Beispieltext wird trotzdem unter den leftblock geschoben.

Viele Grüße ...

[blackfin]

Da der leftblock in deinem html-Auszug nicht vorhanden ist, habe ich den in einer test-html vor den rightblock gestellt.
So funktioniert das bei mir korrekt....
Dateien sind angehängt.

Verstehe ich immer noch was falsch? :stupid:

[fillibuster]

Hi,

danke. Das war mal ne schwere Geburt. In der CSS war die Breite der Tabelle(n) mit 100% angegeben. Hab's rausgenommen und jetzt funktioniert es.

Viele Grüße ...