Table in Div erzeugt merkwürdigen Rahmen bzw. Zeilenumbruch

[Mega Matze]

Hi,

als erstes die direkten Antworten auf eure Anmerkungen

Dein Beispiel wirft die Fragen auf:
    a) wozu die div-Elemente? Was gruppieren sie? Solange sie nur jeweils ein einziges Kindelement haben, sind sie eigentlich sinnfrei.
    b) wozu die Tabelle? Eine Tabelle mit nur einer Spalte ergibt nicht viel Sinn. Mich beschleicht der Verdacht, dass du die Tabelle nur zum Layouten missbrauchst.

Ich gebe zu dass die zwei Divs so wie sie im Beispielcode stehen keinen großen Sinn ergeben. Ich wollte euch ein Minimalbeispiel präsentieren, damit der Kern meiner Frage besser deutlich wird. Der Inhalt besteht auch aus mehr als nur einer Tabelle und die Tabelle hat auch nicht nur eine Zelle.

Hmm. Besitzt du auch zwei Autos mit demselben Autokennzeichen? Nein? Aber zwei Elemente in einem HTML-Dokument mit derselben ID findest du in Ordnung? Eine ID muss dokumentweit eindeutig sein, kann also nur einmal vergeben werden.

Ups, das habe ich beim Erstellen des Minimalbeispiels wohl übersehen.

Eure Lösung, dass man das Layout auf Block stellen muss war natürlich genau richtig. Jetzt habe ich schöne rechteckige Rahmen um meine Divs. Diese gehen zwar über die ganze Breite, aber das kriege ich ja wohl über "width" korrigiert.

Ich dachte dass dieses Block/Inline nur angibt, wie sich das div in sein Umfeld einfügt. Also ob es mit Text der vorher oder hinterher kommt einen Fluss ergibt oder ob es eine neue Zeile einnimmt. Diese Vorstellung kahm daher, dass ich im Internet an diversen Stellen gelesen habe, dass man ein div auf "inline" umstellen soll, wenn man den Zeilenumbruch den es erzeugt nicht haben will.
Aber offensichtlich bestimmt man mit Block/Inline immer gleichzeitig wie es sich in umliegenden Text einfügt und ob es selber rechteckig ist oder nicht. Habe ich das so richtig verstanden?

Ich glaube ich habe die Antwort gerade gefunden. Natürlich auf SelfHTML ;-)

inline-block = Erzeugt äußerlich einen Block, für den Breite, Höhe und Außenabstand angegeben werden kann, belässt das Element jedoch im laufenden Textfluss.

Komisch. Gestern habe ich gegooglet wie bescheuert und einfach nichts gefunden. Wahrscheinlich weil ich nicht wirklich wusste nach welchem Problem ich eigentlich suchen soll und weil es zu trivial war.

Also noch mal: Danke für die Hilfe!