1. Dashboard
  2. Forum
    1. Unerledigte Themen
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team-Mitglieder
    4. Trophäen
    5. Mitgliedersuche
  4. Tutorial Bereich
  • Deutsch
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. Informatik Forum
  2. Webmaster & Internet
  3. Web-/Grafikdesign

Problem mit Bulletproove-Design

    • Frage
  • Chris_3
  • 17. April 2010 um 09:09
  • Unerledigt
  • Chris_3
    4
    Chris_3
    Mitglied
    Punkte
    135
    Beiträge
    17
    • 17. April 2010 um 09:09
    • #1

    Hallo liebes Forum.
    Und zwar habe ich folgendes Problem:

    Ich mache gerade eine Website, die mittels min- und max-width und dazu noch width in % ein Design ergibt, das sich nach Fenstergröße skalliert.

    Leider habe ich nun ein Problem:
    Ich habe rechts oben (eigentlich nicht relevant wo es ist :winking_face: ) ein Feld im Header, das natürlich auch mitwachsen soll.
    Das ist kein Problem, aber der Kunde wünscht ein ausgefallenes Design und deswegen hab ich meine HG-Grafik in 3 Teile geschnipselt.
    Linken Rahmen, Mittelteil von dem einfach nur ein Ausschnitt angezeigt wird und der rechte Rahmen.
    Das Problem liegt aber hier:
    Der linke und der rechte Rahmen haben eine feste Breite von 20 Px und nur der Mittelteil soll wachsen.
    Wenn ich nun wieder wie vorhin genannt mit dieser Methode arbeite wird die Mittlere Box bei jeder Auflösung verschieden groß und sprengt teilweise das Design bzw ist zu klein.

    Gibt es für diese Problematik eine Lösung????


    Hier der Code:

    Code
    <div id="header_rechts">
            <div id="header_rechts_links"></div>
            <div id="header_rechts_mitte">
            {global_content name='header_rechts'}
            </div>
            <div id="header_rechts_rechts"></div>
    </div>
    Code
    #header_rechts{
    width:25%;
    height:200Px;
    float:right;
    text-align:left;
    color:#000000;
    background-color:#FFF;
    background-image:url(images/vorteile_mitte.jpg);
    background-position:top;
    background-repeat:no-repeat;
    
    
    }
    #header_rechts_links{
        float:left;
        background-image:url(images/vorteile_li_rand.jpg);
        background-position:top;
        background-repeat:no-repeat;
        width:20Px;
        height:200Px;
        }
    #header_rechts_mitte{
        float:left;
        width:80%;
        min-width:226Px;
        max-width:392Px;
    }
    #header_rechts_rechts{
        float:right;
        background-image:url(images/vorteile_re_rand.jpg);
        background-position:top;
        background-repeat:no-repeat;
        width:20Px;
        height:200Px;
    }
    Alles anzeigen

    http://www.knorpelaufbau.at/supercomp/
    hier liegt die Website, die derzeit in Entstehung ist.

    Wäre wirklich klasse, wenn ihr mir da helfen könntet.


    Glg
    Chris

    Gegen Hunde Arthrose

  • lilie86
    2
    lilie86
    Mitglied
    Punkte
    15
    Beiträge
    3
    • 18. April 2010 um 18:44
    • #2

    Hallo Chris,

    zuerst würde ich dir nahelegen, deinem Kunden von seinen "besonderen" Designwünschen abzuraten. Es ist auf gar keinen Fall eine gute Idee, ein Bild abzuschneiden (ich meine damit die linken Bilder). Manchmal muss man seine Kunden einfach freundlich zur Vernunft bringen :winking_face: Bei der Textbox verstehe ich außerdem nicht ganz, warum sie in der Breite variieren soll. Mach doch eine fixe Breite, dann wird dir der Text nicht zusammengequetscht. Also speicher dir am besten den ganzen Rahmen als Hintergrundbild.

    LG

  • Chris_3
    4
    Chris_3
    Mitglied
    Punkte
    135
    Beiträge
    17
    • 18. April 2010 um 21:38
    • #3

    Ok, danke für deine Tipps.

    Werd schauen, dass ich das mit ihm abspreche :winking_face:

    Glg
    Chris

    Gegen Hunde Arthrose

  • Maximilian Rupp 27. Dezember 2024 um 00:12

    Hat das Thema aus dem Forum Grafik/Video nach Web-/Grafikdesign verschoben.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden

Benutzer online in diesem Thema

  • 1 Besucher

Rechtliches

Impressum

Datenschutzerklärung

  • Alles
  • Dieses Thema
  • Dieses Forum
  • Seiten
  • Forum
  • Lexikon
  • Erweiterte Suche
  • Deutsch
  • English
Zitat speichern