cycap

Hallo zusammen,

ich habe bzw. hatte eine Aufgabe bekommen die mir so viel Kopfschmerzen bereitet hat, das ich sie euch nicht vorenthalten will.

Die Aufgabe war: Ein Grundlayout zu erstellen mit variabler Breite und variabler Höhe möglichst zentriert. Das Layout sollte inetwa so aussehen:



Dabei ist das wichtigste das die Gesamtbreite dynamisch mit dem Inhalt von CONTENT wächst bis max. 100% (ohne scrollbalken). HEAD und FOOT sollen mitwachsen in die Breite, MENU bleibt unverändert.

Ich bin daran verzweifelt, sodass ich dann doch wieder auf ein Tabellendesign umgestiegen bin. Vielleicht möchte sich einer von euch dieser Herausforderung stellen, dann hier weitere Vorgaben:

* keine Tabellen
* kein JS
* lauffähig im FF und IE >= 6

So das wärs, dann den Tüftlern viel Spaß

Gruß
Cy

Mister Ad

Frank

Na dann werde ich mal tüfteln Sieht spannend aus.
Ich melde mich, wenn ich es geschafft habe xD

__________________

wolf29

IE 6 auch noch? Viel Spaß dabei! Hast Du schon angefangen entsprechende div's zu erstellen mit einer CSS dazu? Wenn ja, poste bitte mal.

mfg Wolf29

__________________
while (!asleep()) sheep++;

Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

[-UFO-]Melkor

Mal mit YAML versucht?

Wolla

Das findest du auf Yaml:

http://www.yaml.de/fileadmin/example...ullheight.html

__________________
Warum denkt mein Hund eigentlich immer dann, wenn es an der Tür klingelt, es sei für ihn?

cycap

Das Yaml Beispiel hat doch aber eine fixe Breite für den Content oder seh ich das jetzt falsch?

Frank

So bin fertig http://77.23.114.59/layout.php
Kann das aber momentan leider nicht auf Kompatibilität testen.

Die Ränder sind nur eingeblendet, um anzuzeigen, dass sich die Elemente der richtigen Breite angepasst haben.

__________________

cycap

inline-block wird nicht funktionieren: http://www.css4you.de/display.html

EDIT: max-width auch nicht http://www.css4you.de/max-width.html

EDIT2: ach max-width haste gar nicht benutzt, aber egal, im IE6 hat jedenfalls alles von vornherein 100% breite

cycap

Nichts desto trotz hast du meinen Respekt Frank, ich hab ewig dran gesessen das überhaupt im FF so hinzubekommen. Wo liegt der Trick?

Frank

Naja der Trick liegt am inline-block. Genau da ist aber auch wieder das Problem, wenn man das Kompatibel machen möchte. Ich versuche gerade eine Lösung ohne inline-block zu finden

__________________