nicht angemeldet
Hallo,
also ich versuche grade ein simpeles Layout zu erstellen.
Die Seite soll aus 3 Teilen bestehen, Navi (links, gesammte Hoehe), Kopzeile (oben, gesammte Breite - Breite der Navi) und Inhalt (rechts unten, Rest der Seite je nach Aufloesung/Fenstergroesse)
__Die Breite der Navi soll sich nach dem laengsten Wort an einem Stueck richten.__
Ich habe es jetzt mit Framesets getestet mit dem Resultat, dass mich die Scrollbar an der Navi nervt, da sie mitten im Bild ist und man die nur im IE nach links packen kann und da auch nur mit ner Holzhammerloesung.
Die Breite der Navi nach dem laengsten Wort zu richten ist hier auch nicht drin, aber dafuer kann man wenigstens horizontal scrollen ohne dass das Design leidet.
siehe: http://blog.pwnroom.de/framesettest/
Der 2. Anlauf war mit Tabellen (die fuer mich "normale" Herangehensweise), hierbeit funktioniert auch alles in allen Browsern so wie es soll, allerdings vorbei an allen aktuellen Standarts.
siehe: http://blog.pwnroom.de/tabelletest/
Ich wollte jetzt aus Spass nochmal versuchen das in CSS zu realisieren, ich habe damit allerdings wenig Erfahrungen, ich habe das bisher nicht fuer die Positionierung von Inhalten genutzt.
Der Versuch sieht bisher so aus: http://blog.pwnroom.de/csstest/
Im IE ist jetzt zwischen der navi und den 2 boxen rechts ein Abstand den ich nicht begreife, ALLE margins stehen auf 0.
Im FF werden die Hintergrundgrafiken der jeweiligen Boxen herrausgerissen.
Wenn ich die Inhalt- und die Titel-box wieder in eine Box packe der ich "float: left;" eintrichter dann funktioniert es im IE einwandfrei und im FF nur wenn der Text in der Inhaltsbox nicht zu lang wird, der moechte den da gerne auf 100% Breite des bodys haben, das heisst, die beiden Boxen werden unter die Navibox geschoben.
siehe hier: http://blog.pwnroom.de/csstest2/
und hier: http://blog.pwnroom.de/csstest3/
(den blauen Rand rechts hatte ich irgendwan im Laufe des Abends schonmal weg, den muss ich vorhin dazu verschlimmbessert haben.)
Hier die Links zu den Grafiken (Tabelle & CSS) falls das jemand saugen will zum testen, stehen aber auch im Quelltext.
http://blog.pwnroom.de/csstest3/navibgt.png
http://blog.pwnroom.de/csstest3/headerbgt.png
Ich waere fuer jede Hilfe dankbar, der Kram will jedenfalls nicht so wie ich will und ich sitze seit 21:40 daran den Kram mit CSS ans Laufen zu bringen, es ist jetzt 3:51...
afaik bin ich fuer jede Hilfe dankbar die nicht Google oder Sufu heisst, das habe ich bereits mehrmals versucht heute...
apsel