[Benutzer 12165]

Ahoi
wie kann ich so ein Layout nur mit CSS hinbekommen, also so elastish?
normale CSS layouts hab ich schon gebaut aber das hier ??

http://www.visuelle-pixel.de/test.htm

[EnterYourName]

Meinst du dass die Tabelle sich bei der Änderung der Fenstergröße automatisch mit anpasst?

width: 100%;

[Benutzer 12165]

ja aber das ganze soll ohne tabellen umgesetyt werden...also nur mit Div

[deeesi]

ich würd das mal probieren:

ein div mit:

[rob]

Das mit dem display:table ist aber kein guter Tipp.
Wenn man die Struktur der Site nicht kennt, kann man darüber auch keine Aussage machen...

Also Tabellen sollten nur dann eingesetzt werden, wenn es sich auch um wirklich tabellarische Daten handelt.

Und zu der Sache mit dem CSS-Layout:
Am besten erstellt man Bereiche mit einer festen Größe, z.B. für die Navigation.
Und dann nimmt man ein Element, z.B. für den Fließtext, dem man vielleicht eine prozentuale Größe zuweist.
So ist dieser Bereich dann skalierbar.

Da findet man eine ganze Menge dazu.
Auch Codebeispiele kann man bekommen.

Als erstes würde ich empfehlen, in den CSS-Teil von SelfHTML zu schauen.
Dort findet man ausführliche Erklärungen, Codebeispiele und auch fertige Layouts, die man anpassen und nutzen kann.
CSS-basierte Layouts

Aber es gibt auch weitere Tutorials:
http://wellstyled.com/css-2col-fluid-layout.html
http://www.csshilfe.de/2005/04/liquid-layout-einfach-und-uebersichtlich-erklaert.php
http://www.maxdesign.com.au/presentation/liquid/
http://www.drweb.de/csstechnik/liquid-design.shtml

und Websites, die sich nur damit beschäftigen:
http://www.cssliquid.com/

[Benutzer 12165]

moechte eigentlich nur 5 Div Container nebeneinander...die sich dann halt die 100% width aufteilen ....zwei hab ich jetzt schon neben einander bekommen ...die anderen macht er mir dann versetyt wie bekomm ich alle neben einander mit float hab ich ja nur die m;glichkeiten left und righte oder _

[EnterYourName]

Wie versetzt? Poste doch einfach mal deinen Code, dann kann man dir besser helfen.

[rob]

Das Element Div ist ein Blocklevel-Element, d.h. es erzeugt eine eigene Box.
Außerdem macht dir ein Div immer einen Umbruch vorher und nachher.

Wenn du jetzt verschiedene Divs nebeneinander haben willst, brauchst du CSS.
In SelfHTML findest du alles, was du brauchst.
Für dich ist das Kapitel Positionierung und Anzeige von Elementen wichtig.

Mit Hilfe der CSS-Eigenschaft position kriegst du deine Divs nebeneinander gesetzt.


EDIT:
Was mir gerade noch so einfällt...
Du hast dir keinen der geposteten Links angesehen, oder?
Dann hättest du selbst rausgefunden, wie das funktioniert.

Irgendwie verstehe ich das nicht...
hab so den Eindruck, die Leute verstehen unter Hilfe immer nur, daß man ihnen fertigen Code liefert oder ihnen ihre Scripte schreibt...
Ist es denn zuviel verlangt, sich mal ein Tutorial o.ä. anzusehen?
Wozu mache ich mir denn überhaupt die Mühe, Links rauszusuchen, wenn man sie sich nicht anschaut?
Warum schreibst du nicht gleich: "Bitte nur fertigen Code posten. Ich möchte keine Texte lesen müssen."?