[Jan]

Hallo zusammen,

ich würde gerne ein Tabellenfreies Design erstellen. Leider klappt es überhaupt nicht. Warum weiß ich nicht.

Hoffentlich sind hier ein paar die Ferien haben(Schüler) und sich langweilen weil alle anderen im Urlaub sind. Dann hab ich nämlich ne tolle Knobelaufgabe für euch:

Ich möchte diese Seite Tabellenfrei machen. Zudem soll sie sich noch etwas verbessern.

Es sollte folgender Seitenaufbau sein:
Seitenaufbau

Hier seht ihr mal den Neuanfang und den benötigten Code etwas zurecht gerückt.
Wie ihr seht häng ich schon gleich am Anfang fest weil des Panel nicht will.

So, dann hoffe ich das ich hier Hilfe bekomm, auch wenn ich weiß das das nicht die Art von Fragen ist die vernünftig beantwortet werden.

Für die die nur "vernünftige Fragen" beantworten hier noch was:
Es geht also als erstes um des Problem das ich drei Grafiken nebeneinander auf 100% verteilt haben möchte, aber die mittlere nur wiederholt wird, während die beiden anderen jeweils einmal den Rand bilden.

Jan

[think]

Erstmal: In deiner Signatur steht "Netzt" müsste aber "Netz" heissen. *klugscheiss* *scnr*

Deine Probleme sind alles Standard-Google-Dinge.

Wie du Boxen mit runden Eckgrafiken "richtig" machst, kannst du dir an 1000en Seiten im Netz abschauen...

Wie du das Design Tabellenfrei machst, solltest du allerdings nach in der ganzen Zeit hier mindestens 100mal mitbekommen haben.... oO

Sorry aber das ist ein bisschen ein halbüberlegter Thread.... oder?

[Jan]

Zitat von think

Erstmal: In deiner Signatur steht "Netzt" müsste aber "Netz" heissen. *klugscheiss* *scnr*

Danke, werde es gleich verbessern *schäm*

Zitat von think

Deine Probleme sind alles Standard-Google-Dinge.

Sicher? ich hab nichts gefunden was mir geholfen hat. Mit was hast du google denn gefüttert?

Zitat von think

Wie du Boxen mit runden Eckgrafiken "richtig" machst, kannst du dir an 1000en Seiten im Netz abschauen...

Es sollen ja nicht moz-Ecken werden sondern genau diese Grafiken. Oder meinst du das?

Zitat von think

Wie du das Design Tabellenfrei machst, solltest du allerdings nach in der ganzen Zeit hier mindestens 100mal mitbekommen haben.... oO

Naja.....es gibt immer noch des Problem das beide Seiten gleichlang sein sollen. Dafür gabs hier ja noch keine 100%ige Lösung oder irre ich mich?

Zitat von think

Sorry aber das ist ein bisschen ein halbüberlegter Thread.... oder?

Nicht ganz. Sonst wäre er wahrscheinlich nicht ganz so lang ausgefallen, sondern es stäne nur da:

Ich möcvhte meine Seite tabelenfrei macvhen!
Ixch kans net.

(Rechtschreibfehler sollten drin sein

Jan

[think]

Ich habe Google jetzt mal mit folgenden (eigentlich sehr schlechtem) Suchbegriff gefüttert:
http://www.google.ch/search?hl=de&q=...le-Suche&meta=

Das gab ein paar OsCommerce-Ergebnisse und gleich darunter das hier:
http://standards.webmasterpro.de/ind...le=runde-boxen
Nur als Beispiel. Es gibt noch hundert andere Tuts dieser Sorte.

Beide Seiten gleich lang? Klar. Du musst nur berücksichtigen, das IE und FF ein bisschen anders ticken.
Da dürfte dir aber das Standard-SelfHtml Tutorial und evt. ein bisschen Googlen helfen.

[Jan]

Zitat von think

Ich habe Google jetzt mal mit folgenden (eigentlich sehr schlechtem) Suchbegriff gefüttert:
http://www.google.ch/search?hl=de&q=...le-Suche&meta=

Das gab ein paar OsCommerce-Ergebnisse und gleich darunter das hier:
http://standards.webmasterpro.de/ind...le=runde-boxen
Nur als Beispiel. Es gibt noch hundert andere Tuts dieser Sorte.

Danke, hab jetzt so was in der Art wie ich für des Panel oben wollte.
Das Rechte Menü bekomm ich aber noch nicht hin. Dort soll ja so eine Art Panel oben hin, aber nach unten dann nen farbiges Div mit 1px Rand unten, rechts und links.
Dafür noch ne Idee?*schmarozer bin*

Zitat von think

Beide Seiten gleich lang? Klar. Du musst nur berücksichtigen, das IE und FF ein bisschen anders ticken.
Da dürfte dir aber das Standard-SelfHtml Tutorial und evt. ein bisschen Googlen helfen.

Hmm....auch hier bin ich auf Hilfe angewiesen.*nochmal betteln geh*

Jan

[Ben]

Also Jan ... ich weiß ja wirklich nicht. Viele deiner Fragen wurden selbst in diesem Forum hier schon behandelt.
Ansonsten findest du über css4you.de, selfhtml.org und auch über xhtmlforum.de weitere Informationen.

[think]

Zum Menü links: Mach einfach ein separates Div für die Ecken. Also so, das dann zwei Divs da sind. Oben das Div mit den Ecken und gleich untendran dein Div mit der BG-Farbe, Border etc. Das nur so als Denkstütze.

Das mit dem "gleich lang" zu erklären, ist mir jetzt echt zu doof. Ben hat dir dazu ein paar gute Links aufgeschrieben. Mit den Links und ein bisschen Köpfchen, kriegst du das schon hin.

[bob]

Ansonsten findest du über css4you.de

Genauer: http://www.css4you.de/wslayout1/index.html .
Mehr brauchst du eigentlich nicht...

[Jan]

Naja.....werde wohl doch um die Tabelle nicht drumherum kommen. Auch wenn ich jetzt von allen einen Schlag abbekomm.

Mit CSS geht einfach nicht was ich will. Hab jetzt lange gegoogelt und gelesen. War nichts dabei.

Gleich ist das neue Zeug oben, dann könnt ihr ja sehen was ich will.

Links soll des Menü-div hin und rechts des Inhalts-div. Und beide sollen gleich lang sein. Geht ja leider nur mit Tabelle, aber auch da nicht ganz.

www.malte-gerth.de/ftp/index.html

[Lars]

Hier wurde das schon mal behandelt, da gibts irgendeinen Hack.

[Bookworm]

Ja dieser Hack enntn sich Faux Columns...

Aber mal ne ganz kleine Frage: Warum muss das denn unbedingt gleich lang sein?
Wie wärs denn mit einer fixen Länge?
Und noch was: Was amchst du, wenn dein Inhalt kürzer ist als die Navi, was durchaus vorkommen kann? Dann wir die Navi gekappt oder wie stellst du dir das vor? Ansonsten probier mal min-height...

Gruß
Booki

[Jan]

Ja, des ist ja des große Problem. Es soll sich halt immer am längeren orientieren.

Mal ne Frage um sie in den Raum zu werfen:

Man macht aus dem ganzen Design ne schöne Grafik und fixed des und der Inhalt wird dann auch gefixed in scroll Divs. Wäre sowas ne Lösung?

[Bookworm]

Scroll-Divs? Du meinst nicht zufällig Iframes?

Andere Idee: Geht da nichts, wenn du einen Div drumrum setzt und bei COntent udn Navi border und top margin auf 0 setzt?

[Jan]

Werds mal versuchen.

Nee, dachte an fixed + overflow:sroll

Ne Idee (wir mit unseren Ideen ) warum bei mir die beiden nicht nebeneinandern angezeigt werden?

[Bookworm]

Vermutlich weil deine float-Angaben falsch sind
Aber wenn die scrollen nciht sört (mich würde es stören), kannst du es auch so machen. Dann kannst du auch ne feste Höhe einstellen.

[Jan]

Zitat von Bookworm

Vermutlich weil deine float-Angaben falsch sind

Bist du so lieb und schaust mal? Ich hab des mit float und dem Rest noch net so drauf.

Zitat von Bookworm

Aber wenn die scrollen nciht sört (mich würde es stören), kannst du es auch so machen. Dann kannst du auch ne feste Höhe einstellen.

Doch, ervt es. Werde es weglassen. Einfach nen min-height rein für die die ne schöne Seite haben wollen, die müssen halt mit Opera oder Mozilla wiederkommen, und der rest hat halt net den ganzen Komfort.

[WarrenFaith]

Lars meinte z.B. den Thread: http://forum.developers-guide.net/showthread.php?t=2981

[Jan]

So,

jetzt sollte es eigentlich gehen.

Wer Zeit und Lust hat, kann ja mal schauen wies aussieht. Ich konnte keine groben Fehler mehr finden.

Wenn keiner hier mehr seinen Kommentar ob es geht oder nicht hinterlässt kann man diesen Thread als geschlossen und "fast" unnötig empfinden.

Danke für die ganze Geduld und Gelassenheit die ihr mitgebracht habt.

Jan

[Lars]

Alles so, wie - denke ich - sein soll. Nur die Grafik mit dem Schriftzug scheint innerhalb ihres Containers zentriert zu sein, sie rutscht bei 1280*1024 nämlich zu weit nach rechts.


Btw, unsere Schule heißt auch Geschwister-Scholl-Gymnasium

[Bookworm]

Mal so ein Tipp am Rande:
Ich würd die Breite von Content und Navi nicht fix machen. Jedenfalls nicht, wenn du es nicht samt Header centerst. Denn sonst hast du mit 800*600 und 1024*1280 echt deinen Spaß... Da siehts nämlich in allen Browsern scheiße aus.

Wegen dem float: ist ganz easy, entweder fließt es rechts oder links vorbei. Ich persönlich hätte bei dem Projekt a) variable Breiten genommen und b) überall float: right; eingestellt...^^

Gruß
Booki