Websitedesign / CSS Bilderanordnung, Anfängerhilfe

    Hallo,

    ich benutzte Microsoft Expression Web und möchte damit eine Webiste bauen. (CSS basiert). Leider bin ich sehr CSS unerfahren und bekomme es nicht wirklicht gut hin, meine Website so auszurichten wie ich das möchte. Sie soll ganz standartmäßig aus 3 Bereichen bestehen: Header/Menüleiste/Content(mitte mit Inhalt).

    Die Seite sollte so ausgerichtet werden, das sie natürlich in der Mitte Zentriert ist und das sollte sie auch auflösungungsunabhänig sein. Also egal wie groß oder klein ein Monitor ist sollte sie zentriert ausgerichtet werden.

    Der Banner/Header besteht aus einem Bild. Menü und Content habe ich jeweils in 4 Teile zerschnitten um ein schnelles laden zu gewehrleisten, und diese gilt es jetzt wieder zusammenzufügen mittels CSS. Und da liegt das Problem, das bekomm ich garnicht hin.

    Es wär super nett wenn mir jemand en code schreiben könnte.

    Ich habe hier die 8 Bildteile mal hochgeladen (nur 75KB groß)
    http://www.file-upload.net/download-12903…bilder.rar.html

    Vielen Dank

    Zentrieren:
    http://www.ohne-css.gehts-gar.net/0001.php

    Wenn du nur zwei Bereiche hast (Navi und Content) dann solltest du auch nur zwei Grafiken verwenden, vermutlich reicht sogar eine, die dann in dem zentrierenden Element als Hintergrund eingebunden wird.
    Habe mir deine Dateien jetzt nicht angesehen, aber wenn die Dateien nicht zu groß sind, sollte s auch keine Ladeschwierigkeiten geben.

    Ja, mit Sicherheit werden die auch ungesplittet keine Ladeschwierigkeiten machen, aber ich habe es dennoch geteilt, einfach um zu wissen wie es geht und weil es einfach letztendlich der bessere und professionellere Weg ist. Anstatt einfach große Bilder als Elemente zu benutzen

    Überleg mal:
    Wenn du einen #content hast, in den der textliche Inhalt rein soll.
    Der ist dann wegen der Bilder (Hintergrundgrafiken) z.B. in vier Bereiche aufgeteilt.
    Wie willst du dann eine Textzeile oder einen Textabsatz realisieren, der sich über diese vier Bereiche (oder auch nur 2) erstreckt?
    Mal ein Vergleich: Du willst einen Gegegenstand (Seiteninhalt) gleichzeitig in vier Kartons (Div's oder Elemente) packen.
    Das macht keinen Sinn.

    Du musst dich vom grafischen Gedanken etwas lösen.
    Die Umsetzung der Grafiken auf einer Website ist ein ganz anderes Thema.

    Zitat von Unregistriert


    Leider bin ich sehr CSS unerfahren und bekomme es nicht wirklicht gut hin, meine Website so auszurichten wie ich das möchte. Sie soll ganz standartmäßig aus 3 Bereichen bestehen: Header/Menüleiste/Content(mitte mit Inhalt).


    Zitat von Unregistriert

    und weil es einfach letztendlich der bessere und professionellere Weg ist. Anstatt einfach große Bilder als Elemente zu benutzen

    Du sagst a, dass du unerfahren etc. bist, und willst uns im nächsten Schritt erzählen, was proffesioneller ist? ... :lol:

    Süß


    Das letzte mal, dass ich was darüber gelesen habe, die Ladezeit zu reduzieren, indem man die Bilder splittet, war vor 7 Jahren. Da waren die Bedingungen unter denen die User im Internet gesurft haben, noch andere und selbst da hat es kaum was an Geschwindigkeit ausgemacht.

    Gruß
    Lukas


    EDIT: Hab mir grad erst dein Zip angeschaut. Du stehst vor einer ganz anderen Problematik, als es sich aus deinem Post herrauslesen lässt. Warum redest du was von Ladezeit?, das ganze hat nur was mit flexibilität zutun.

    http://www.wssexpert.de/Style/Examples/007/roundshadow.html

    Gruß
    Lukas

    Maybe this world is another planet's hell

    Einmal editiert, zuletzt von wernerdeluxe (2. Dezember 2008 um 14:39)