nachdem nisita mir zu einem dreispaltigen Design einen guten Tipp gegeben hat (Danke nochmal), habe ich nun ein Layout gebastelt, das von den Proportionen wirklich mal anstandlos und auf den ersten Hieb in allen Browsern gleich aussieht - bis auf das Hintergrundbild in der Contentzeile. Firefox und Netscape weigern sich, das Bild anzuzeigen, das ich dem Container in dieser Reihe als Hintergrundbild verpasst habe. Ich habe schon einiges probiert:
- die Zahl aus der Klasse genommen
- verschiedene Schreibweisen des Eintrags (Einzeln, in einer Zeile)
- statt eines .gif ein .jpg
aber ich bekomme das Bild angezeigt :( Im IE ist es da und wenn es da ist, ist es fertig
Ebenfalls auffällig an der Contentzeile (Reihe 3) ist das Verhalten bei der Border. Sobald ich das HG-Bild drinnen hatte, wurde die Border-Top nicht mehr angezeigt, wenn ich sie
1:
border: 1px 0px 0px 0px solid #313D27;
geschrieben habe. Erst nachdem ich jede Border einzeln ausgeschrieben habe, gings dann... *grübel*
Sorry, da habe ich glatt mein Experimemt gepostet. War einer der alternativen Schreibversuche. Mit background-image geht es auch nicht. Ich habe langsam den Verdacht, dass es an dem Container liegen könnte. Ist ja nur ein Rahmen, ohne Inhalte. Vielleicht muss ein Bild oder ein nbsp; rein, damuit das Bild auftaucht? Muss das mal testen...
thx! soweit
edit: Tatsache. Sobald in dem DIV irgend ein Inhalt ist, erscheint auch das Bild. Das ist ärgerlich, weil ich in diesen Zeilencontainer eigentlich nichts reinsetzen kann :( Zerschießt dann das Layout.
---
Niemand hat das Recht, zu gehorchen - Hanna Ahrendt, Philosophin.
Ein simulierter Rahmen um die beiden Container rechts und Links. In der Mitte sind die Inhalte, rechts und Links die Navigation. Die Höhe dieser beiden Container wandert aber nicht mit dem Content in der Mitte. Ich könnte eine feste Höhe angeben, was doof aussieht.
So habe ich die Border-Top und das HG-Bild mit Y-Repeat, das die seitliche Border simuliert. Unten als Abschluss habe ich dann erstmal ein Bild genommen, weil der IE einen DIV mit Höhe 3px automatisch auf 16Pix Höhe gestreckt hat, wenn der Container leer war.
---
Niemand hat das Recht, zu gehorchen - Hanna Ahrendt, Philosophin.
Das problem an sich habe ich ja - der Container in Reihe 3 hat keinen Inhalt. Sobald ich da ein nbsp; oder einen Buchstaben reinschreibe, habe ich ein Bild. Das kann's aber auch nicht sein :(
---
Niemand hat das Recht, zu gehorchen - Hanna Ahrendt, Philosophin.
onliner schrieb am 22.05.2005 11:59
edit: Tatsache. Sobald in dem DIV irgend ein Inhalt ist, erscheint auch das Bild. Das ist ärgerlich, weil ich in diesen Zeilencontainer eigentlich nichts reinsetzen kann :( Zerschießt dann das Layout.
Naja, was soll denn bitteschön auch ein Container ohne Inhalt. Da hast Du einen Fehler im Konzept. In einem Container ohne Inhalt sieht man natürlich auch kein Hintergrundbild. Wenigstens eine Größe sollte der Container bekommen. Wenn Du jedoch einen leeren Container hast, ist das Semantisch sinnlos, also willst Du das vielleicht gar nicht so machen, sondern über ein -Tag!
Dein Layout wirkt sehr wie von jemandem, der gerade die Tabellen hinter sich gelassen hat. div-Suppe ohne Inhalt. Dass da einiges nicht so läuft, wie man das denken würde, ist klar. Ein CSS-Layout geht man besser an, indem man zuerst eine Seite mit dem kompletten Content schreibt, und diesen logisch auszeichnet. Möglichst ohne divs (divs sind immerhin nur bei Gruppierungen nötig). Erst, wenn die Semantik steht, fängt man mit CSS an. Perfekte CSSler brauchen jetzt nichts mehr am HTML-Code zu ändern.
Dein Design versagt, sobald Text rein kommt und man die Schriftgröße ändert. Dann fängst Du wieder von vorne an oder nimmst es hin, dass einige Leute Deine Site nicht nutzen können. Hättest Du von vornherein mit dem Content angefangen, der ja wichtiger ist als das Design, und hättest mit Schrift- und Browsergrößen rumgespielt, könntest Du diese Probleme von Anfang an ausbügeln und müsstest die Arbeit nicht doppelt machen.
Eine weitere Schwäche Deiner Seite ist auch das klassische Print-Designer-Problem: Feste Seitenbreiten. Das ergibt horizontale Scrollbalken, die keiner gern hat. Du bist mit Deinem Design zu unflexibel und nicht für das Web vorbereitet.
Klar, das kann man als Anfänger alles gar nicht auf einmal wissen und können, aber darum kriegst Du hier ja die Hinweise, was Du alles ändern solltest.
Efchen schrieb am 25.05.2005 16:48
Naja, was soll denn bitteschön auch ein Container ohne Inhalt. Da hast Du einen Fehler im Konzept....
.....
Nur kurz, weil ich gerade an einem anderen Projekt arbeite: Du hast mir jetzt in vier dicken Absätzen gesagt, dass alles scheiße ist und das ich alles anders machen soll. Ne Lösung fürs Problem hast Du aber nicht? Sollte ich jemals eine Arbeit konzeptionell oder designtechnisch zur Diskussion stellen, bin ich auf Dein Feedback gespannt. Vielleicht baue ich also einfach alles noch einmal um und melde mich dann noch einmal. Dann kannst Du es von mir auch gerne zerreißen und zerpflücken. Ansonsten betrachte es einfach als was es ist. Eine Spielerei mit etwas für mich neuem...
MfG...
---
Niemand hat das Recht, zu gehorchen - Hanna Ahrendt, Philosophin.
onliner schrieb am 25.05.2005 17:26
Du hast mir jetzt in vier dicken Absätzen gesagt, dass alles scheiße ist und das ich alles anders machen soll.
Nein, ich habe gesagt, dass Du, um es richtig zu machen, noch ne Menge lernen musst, und habe Dir die Schwachstellen aufgelistet. Weder will ich Deine Arbeit oder Dich beleidigen, noch will ich Dir Vorschriften machen. Was Du daraus machst, ist Dein Bier. Aber aus meiner Erfahrung heraus gibt es zahlreiche Leute, die gerne etwas richtig machen und gerne etwas lernen, und die ziehen aus meinen Kommentaren immer viel heraus.
Ne Lösung fürs Problem hast Du aber nicht?
Eine spezielle Lösung für Deine spezielle Anfrage? Nein. Nur Hinweise, wie es einfacher geht. Ich habe jetzt schon etlichen CSS-Einsteigern helfen können, und merke immer wieder, dass viele verzweifeln, weil sie CSS noch gar nicht richtig verinnerlicht haben. Viele bleiben geistig bei ihren Tabellenlayouts stehen und wollen sich davon nicht lösen und begreifen nicht, dass wenn sie das ganz vergessen und CSS völlig anders angehen, dass dann alles um einiges einfacher wird, als bei Tabellenmissbrauch.
Ich habe Dir Deine Schwächen aufgezeigt und Dir kurz gesagt, wie man es besser angeht.
Das bis ins Detail auszuformulieren, würde das Forum sprengen und mehr Zeit fressen, als ich habe
Dann kannst Du es von mir auch gerne zerreißen und zerpflücken.
Du musst nicht sauer sein, es war bloß gut gemeint. Es gibt Leute, die sind total dankbar für solche Kommentare und machen was draus und es gibt Leute, die meckern und motzen rum, dass sie das gar nicht wissen wollten. Kann ichs riechen? Die Mehrheit freut sich darüber. Und, wenn man es nicht hören will, dann überhört man es einfach. Ist doch das beste. Nee, also war nicht bös gemeint, mach was draus, oder nicht. Ist mir ja egal
Aber wenn Du nochmal nachfragst, und ich das lese, zerpflücke ich es auch gerne
Ansonsten betrachte es einfach als was es ist. Eine Spielerei mit etwas für mich neuem...
So hat wohl jeder mal angefangen. Ist ja auch kein Thema. Man kann ja trotzdem was draus machen. Oder eben auch nicht.
Was mich nur ein wenig stört ist, dass immer und immer mehr "solcher" Sites im WWW erscheinen, dass das WWW von quasi "schlechten" Sites, die mit Barrieren für manche Besucher verbunden sind, die nicht nutzbar sind, oder schlicht fürs Print-Design gemacht sind, aber sich für das Web nicht eignen, überschwemmt wird (nicht alle aufgezählten Sachen treffen auf Deine Site zu). Und die Unbekümmertheit der Leute "das ist doch nur ne private Site".
Aber egal...diese meine Meinung wird zu sehr off-topic.
Efchen schrieb am 30.05.2005 10:48
Nein, ich habe gesagt, dass Du, um es richtig zu machen, noch ne Menge lernen musst, und habe Dir die Schwachstellen aufgelistet. Weder will ich Deine Arbeit oder Dich beleidigen, noch will ich Dir Vorschriften machen. Was Du daraus machst, ist Dein Bier. Aber aus meiner Erfahrung heraus gibt es zahlreiche Leute, die gerne etwas richtig machen und gerne etwas lernen, und die ziehen aus meinen Kommentaren immer viel heraus.
Wie bereits gesagt: Überleg dir doch mal wie dein Ton auf jemanden wirkt, der gerade mit CSS angefangen hat und noch halb daran verzweifelt? Das ist nicht gerade aufbauend.
Ich will damit gar nicht deine fachliche Kompetenz anzweifeln, aber es ist wirklich nicht sehr aufbauend, dass du jedem der hier mit CSS anfängt sagst, dass sein Ansatz kompletter Unfug ist. Hilf den Leuten doch Lieber und zeig ihnen dabei wie es eigentlich besser ginge. Ohne Aha-Erlebnisse etwas lernen ist nämlich ziemlich unbefriedigend.