Theme mit fester Breite in "fluid-width" umbauen

  • Hallo WP-Community,

    Ich habe Wordpress-Seite mit einer auf spezielle Belange angepassten Version des Themes "Redie 3.0".
    Hier ein Link zu dem Theme:
    http://wordpressthemesbase.com/detail/881.html

    Nun möchte ich das Theme jedoch auch in soweit umbauen, dass es nicht mehr eine feste Breite hat, sondern der Inhalt sich variabel der Bildschirmbreite anpasst ("fluid").

    Derzeit ist bei dem Theme der Rand des Content-div als .gif-Bilder realisiert, was bei den abgerundeten Ecken schwierig wird.

    Der CSS-Code für die obere Kante sieht z.B. so aus:

    Code
    #top-content {
        background-image: url("images/top_c.gif");
        background-position: center bottom;
        background-repeat: no-repeat;
        float: left;
        height: 31px;
        padding-top: 15px;
        width: 916px;
    }

    Die Hintergrundbilder der unteren Kante, sowie des mittleren Content-Bereichs (mit repeat-x) siehen analog aus.
    Was mache ich nun am besten mit dem Background-Image? Es in 3 Bilder zerteilen, um 2 mal die Ecken bzw. Ränder zu haben, und dazwischen eines mit repeat-x für die variable Breite?

    Welche Möglichkeiten habe ich da? Muss das Theme dafür komplett umgebaut werden? Wenn ja, wie gehe ich das am besten an? (z.B. div's für die einzelnen Kanten der Umrandung oder ähnliches?)

    Für alle Tipps, Hinweise und Hilfen bin ich dankbar!

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!