Layout Problemmit Rahmen aus Jpg Bild

    Hallo Zusammen,

    ich habe ein "kleines" Layout Problem und würde gerne erfahren was eurer Meinung nach die beste Möglichkeit wäre das zu lösen.

    Ich beabsichtige eine Seite zu erstellen in der eine Grafik als eine Art Bilderrahmen um den eigentlichen Text angeordnet ist.

    Ich habe mir daher folgende Varianten überlegt um das zu bewerkstelligen:

    a.) den gesamten Rahmen als ein ( *jpg ) mit einem Transparenten Mittelteil zentriert als Background auf die Seite zu stellen und mittels Div Container darauf ausgerichtet im Inneren Bereich des "Bilderrahmens" den Text und die Seite darzustellen.

    b.)

    Den Rahmen auseinanderzuschneiden in top, bottom, left und right jpgs und diese in Tabellenfelder anzuordnen und dann im Inneren Bereich den Text darzustellen

    oder

    c.)

    Den Rahmen auseinanderzuschneiden in top, bottom, left und right jpgs und diese in Div Container anzuordnen und in der Mitte den Text zu plazieren.


    Wenn ich Variante b oder C nehme bekomme ich aber nach einigen bisherigen Versuchen die Positionen der einzelnen Jpgs bezogen zueinander nicht exakt ausgerichtet :(

    Hat jemand dazu vielleicht eine Idee?


    Gruß PHPDummy


    b

    ähm.... also ich hab des immer so gemacht

    grafik in 3 teile geteilt - top, bottom, "content".

    top und bottem sind ja klar, content is praktisch bei ner festen breite
    des mittelstück mit hintergrundfarbe + rahmen link und rechts. durch
    wiederholung des contents hast dann praktisch ne von der höhe flexible
    seite die immer n rahmen hat... :|

    Zitat von driver

    ähm.... also ich hab des immer so gemacht

    grafik in 3 teile geteilt - top, bottom, "content".

    top und bottem sind ja klar, content is praktisch bei ner festen breite
    des mittelstück mit hintergrundfarbe + rahmen link und rechts. durch
    wiederholung des contents hast dann praktisch ne von der höhe flexible
    seite die immer n rahmen hat... :|


    ich seh schon ich mach mir das ganze viel zu kompliziert
    Klar ist deine Art logisch und wohl am einfacher als das wie ich mir das überlegt hab


    Werde das mal so wie von dir beschrieben versuchen :)

    Gruß & Dank PHPDummy

    es gibt noch ne alternative. da nimmst den rahmen und zerlegst ihn in 4 teile
    (bzw die 4 ecken). die legst dann in 4 div-container übereinander in ner
    bestimmten reihenfolge. so is die seite dann absolut flexibel. du kannst sie
    höhen- und breitenmäßig verschieben, der rahmen bleibt immer während
    sich der text anordnet.

    hatte hier schonmal nen link dazu gepostet....mal suchen

    Zitat von Dikra

    http://aktuell.de.selfhtml.org/artikel/css/runde_ecken/

    vielleicht hilft das weiter. Passt zum letzten Post von driver.


    Vielen Dank für den Link, das kann mir sicher ebenfalls weiterhelfen und die flexibel handhabbare Rahmengestaltung gefällt mir auch gut. Habe es im Moment vorerst einmal so realisiert wie von driver in seiner ersten Antwort beschrieben und funktioniert auch schon ziemlich genau so wie ich es mir vorstelle :).

    Ich muss jetzt mal den Text mit reinsetzen um zu sehen wie statisch der Bereich letztendlich wird und inwieweit ich den Rahmen da flexibel halten kann.


    Gruß PHPDummy