Henry: Layout richtig zerschneiden und einfügen

Morgen,

ich habe mir ein Layout gebaut, welches aus den DIV-Containern "Kopf", "Navigation", "Inhalt" und "Fuß" besteht. Momentan hab ich für die Formatierung nur CSS verwendet. In Zukunft möchte ich gerne eine mit einem Malprogramm erstellte Grafik über die einzelnen Container legen. Dazu muß ich die Grafik ja irgendwie zerschneiden. Genau hier liegt mein Problem. Ich bin mir nicht sicher wie ich die Grafik am besten zerschneide.

Hier der Link zu der Grafik, die das neue Layout der Webseite darstellen soll:

Layout

Vielleicht könnt ihr mir den ein oder anderen Tipp geben, wie ich die Grafik am besten zerschneide. Besonderes Kopfzerbrechen macht mir die linke untere Ecke. Hier ragt die Grafik ja teilweise in den Bodybereich hinein.

  1. Vielleicht könnt ihr mir den ein oder anderen Tipp geben, wie ich die Grafik am besten zerschneide. Besonderes Kopfzerbrechen macht mir die linke untere Ecke. Hier ragt die Grafik ja teilweise in den Bodybereich hinein.

    wie wärs wenn du dir erst gedanken über den inhalt machst und dann über das design - ein css-layout in "kästchen" zu zwängen führt zu wenig sinnvollen ergebnissen

    wenn du dies dennoch tun willst, hält dich vermutlich niemand davon ab, gleich ein tabellenlayout zu verwenden (damit sparst du zeit)

    1. Vielleicht könnt ihr mir den ein oder anderen Tipp geben, wie ich die Grafik am besten zerschneide. Besonderes Kopfzerbrechen macht mir die linke untere Ecke. Hier ragt die Grafik ja teilweise in den Bodybereich hinein.

      wie wärs wenn du dir erst gedanken über den inhalt machst und dann über das design - ein css-layout in "kästchen" zu zwängen führt zu wenig sinnvollen ergebnissen

      wenn du dies dennoch tun willst, hält dich vermutlich niemand davon ab, gleich ein tabellenlayout zu verwenden (damit sparst du zeit)

      Ich verstehe nicht ganz was du mir sagen willst. Ich hab mir doch zuerst Gedanken über den Inhalt gemacht. Die Seite steht ja bereits nur mit Inhalt ohne Grafiken mit reiner CSS Formatierung.

      1. Ich verstehe nicht ganz was du mir sagen willst. Ich hab mir doch zuerst Gedanken über den Inhalt gemacht. Die Seite steht ja bereits nur mit Inhalt ohne Grafiken mit reiner CSS Formatierung.

        kann man das irgendwie sehen?

        die grafiken selbst sind nur noch die verzierung, der letzte schliff - wenn du den inhalt vernünftig ausgezeichnet hast, alles schon als dummy formatiert ist und nur noch die hintergrundbilder fehlen, sollte das ja kein problem sein

        1. Ich verstehe nicht ganz was du mir sagen willst. Ich hab mir doch zuerst Gedanken über den Inhalt gemacht. Die Seite steht ja bereits nur mit Inhalt ohne Grafiken mit reiner CSS Formatierung.

          kann man das irgendwie sehen?

          die grafiken selbst sind nur noch die verzierung, der letzte schliff - wenn du den inhalt vernünftig ausgezeichnet hast, alles schon als dummy formatiert ist und nur noch die hintergrundbilder fehlen, sollte das ja kein problem sein

          Sehen kann man es leider nirgends, da ich noch keinen Webspace habe. Momentan würde ich die Grafik in drei Teile zerschneiden. Den Kopfbereich, den Navigationsbereich und den Inhaltsbereich. Diese Teilgrafiken würde ich dann meinen DIV-Containern "Kopf", "Navigation" und "Inhalt" als Hintergrundgrafik zuweisen.

          Beim Kopf würde ich einfach alles was vorher im Header war mit der Hintergrundgrafik überdecken.

          Bei der Navigation würde ich diese Überdeckung nicht durchführen, hier würde ich nur eine reine Hintergrundgrafik verwenden, da die per CSS formatierte Navigationsliste weiterhin zu sehen sein soll. Die eigentlich Navigation würde ich dann in der Hintergrundgrafik entsprechend zurechtrücken, so das es gut aussieht.

          Beim Inhalt würde ich ebenfalls keine Überdeckung durchführen, sondern auch eine reine Hintergrundgrafik verwenden, da der jeweilige Inhaltstext weiterhin zu sehen sein soll.

          Wie man in dem Link den ich in meinen Ursprungspost gepackt habe erkennen kann, hat das Layout einen Schatten. Würdet ihr diesen Schatten in der Grafik lassen oder anders versuchen einzubauen?

          Was haltet ihr von diesem Vorgehen?

          1. Wie man in dem Link den ich in meinen Ursprungspost gepackt habe erkennen kann, hat das Layout einen Schatten. Würdet ihr diesen Schatten in der Grafik lassen oder anders versuchen einzubauen?

            wenn es sich als als teil der grafik eignet, ist das die beste lösung - ansonsten nimm eine beliebige "runde-ecken-technik" zum erzeugen der schatten

            Was haltet ihr von diesem Vorgehen?

            nicht viel - alles was zum design gehört (und nur dazu) gehört als hintergrundbild eingebunden - bitte mach keine unterscheidung zwischen header und menü - alles als hintergrund ist in orndung

            1. Was haltet ihr von diesem Vorgehen?
              nicht viel - alles was zum design gehört (und nur dazu) gehört als hintergrundbild eingebunden - bitte mach keine unterscheidung zwischen header und menü - alles als hintergrund ist in orndung

              Wie meinst du das? Soll ich die Grafik nicht zerschneiden?

              1. Wie meinst du das? Soll ich die Grafik nicht zerschneiden?

                wenns nicht notwendig ist, reicht auch eine grafik die du entsprechend herumverschiebst - ob du die grafik zerschneidest oder nicht hängt vom speicherplatz ab, davon ob sich die grafiken wiederholen oder nicht (tiles) und ob man sie nicht auch durch hintergrundfarben ersetzen kann

                du sollst lediglich grafiken als hintergrundbild einbinden, wenn sie der verzierung dienen - wenn sie per <img />-element eingebunden werden und nur verzierung sind, machst du etwas falsch