CSS -> Box in Box, wieso?

[Canonn]

Hallo Gemeinde,
folgendes Problem kann ich einfach nicht lösen:

Code schematisch:

<DIV ID="container">
<div class="box-1">Inhalt-1</div>
	<div class="box-2">Inhalt-2</div>
		<div class="box-3">
		hier wurde eine Tabelle eingefügt 
		</div>
<div class="box-4">Inhalt-4</div>
</DIV>

Die einzelnen "Boxe" befinden sich untereinander, und nehmen jeweils die gesamte Breite der "Container" ein. Also 4 Zeilen die sich untereinander befinden.

Nun, mein Problem ist, dass Box-4 samt Inhalt erscheint im Box-3
Sobald ich die Tabelle aus Box-3 rausnehme und z.B durch einen Text ersetze werden die Boxe richtig untereinander angeordnet.

Die Position von Box-4 läßt sich mit CSS zwar verschieben aber NUR innerhalb von Box-3. Sprich, ich kriege Box-4 nicht aus Box-3 heraus wenn die Inhalt von Box-3 eine Tabelle ist.

Was mache ich falsch?

[Kropff]

Ich vermute mal, dass in der Tabelle ein </div> zu wenig ist. Wie sieht die denn aus?

Peter

[AmicaNoctis]

Kleiner Tipp bei CSS-Problemen: Immer. Erst. Validieren!

[Canonn]

fehlende oder zu vielen DIV ?

Ich vermute mal, dass in der Tabelle ein </div> zu wenig ist. Wie sieht die denn aus?

Peter

Glaube ich nicht. Habe auch nichts gefunden.
Die Tabelle habe ich aber nicht mit CSS sonder nach alter Methode sprich

<TABLE>
<TR><TD>blabla</TD></TR>
etc...etc..
</TABLE>

erstellt. Kann/könnte das die Ursache sein?

[AmicaNoctis]

Glaube ich nicht. Habe auch nichts gefunden.

Dass manchen immer der Glaube im Weg stehen muss. Finden kannst du übrigens nur, was auch da ist. Es fehlt aber was.

Die Tabelle habe ich aber nicht mit CSS sonder nach alter Methode sprich [...] erstellt. Kann/könnte das die Ursache sein?

Die "alte" Methode (HTML-Tabelle) ist völlig in Ordnung und als Ursache auszuschließen.

Hier sei mir jetzt nochmal der Hinweis auf den Validator erlaubt.

[unset]

Was ist denn die "neue" Methode Tabellen zu erstellen?

[AmicaNoctis]

mit CSS
display: table(-row|cell)?

Ist zwar nicht direkt besser als eine HTML-Tabelle, aber das gibt's noch nicht so lange, daher denke ich, dass er das meint.

[Kropff]

Vielleicht sollte der TS mal ein Online-Beispiel zur Verfügung stellen.

Peter

[Hauser]

Hallo.

Habe dein Beispiel gerade mal in DW eingespielt und ich muss sagen, dass ich mit der Formatierung deines HTML Code überhaupt keine Probleme habe. Egal was ich anstelle, alles bleibt sauber untereinander.

Vielleicht solltest du mal deine CSS posten. Evtl. ist da ein Fehler zu finden.

Gruß
Hauser

[Canonn]

Hallo Zusammen,
Problem gefunden.

Es war ein Schreibfehler in der Tabelle dadurch war falsch abgeschlossen. Statt </TABLE> habe versehentlich </TABBLE> geschrieben.

Peinlich..peinlich...
LG

[wahsaga]

Peinlich..peinlich...

Ja - besonders dann, wenn du schon lange vorher darauf hingewiesen wurdest, dass du deinen Code bitte validieren lassen sollst.
Also mach das künftig bitte, bevor du fragst!

[Canonn]

Ja - besonders dann, wenn du schon lange vorher darauf hingewiesen wurdest, dass du deinen Code bitte validieren lassen sollst.
Also mach das künftig bitte, bevor du fragst!

Hast ja auch Recht. Sorry 1000x auch

Zur Entschuldigung, der vorgeschlagene Validator verlangt nach URL mein Code ist aber Local. Ein Offline Validator habe ich noch nicht. Jetzt schaue ich, dass ich welche herbekomme.

Danke für Eure Mühe
Schöne Weihnachtsfest an Alle

[onemorenerd]

Zur Entschuldigung, der vorgeschlagene Validator verlangt nach URL mein Code ist aber Local. Ein Offline Validator habe ich noch nicht.

Der vorgeschlagene Validator kann auch anders: Siehst du die Karteireiter ganz oben, der rechte davon beschriftet mit Validate by Direct Input?

[wahsaga]

Oder statt Direct Input eben File Upload.

[Kropff]

Oder man besorgt sich den HTML-Validator für den Firefox. Einfacher geht es nicht.

Peter