1. Weiterleitung zu NetzLiving.de
  2. Forum
    1. Unerledigte Themen
  3. zum neuen Forum
  • Anmelden
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Seiten
  • Forum
  • Erweiterte Suche
  1. Informatik Forum
  2. Webmaster & Internet
  3. Web-/Grafikdesign

Problem mit Bulletproove-Design

    • Frage
  • Chris_3
  • 17. April 2010 um 09:09
  • Unerledigt
Hallo zusammen,

das Informatik-Forum geht in den Archivmodus, genaue Informationen kann man der entsprechenden Ankündigung entnehmen. Als Dankeschön für die Treue bekommt man von uns einen Gutscheincode (informatikforum30) womit man bei netzliving.de 30% auf das erste Jahr sparen kann. (Genaue Infos sind ebenfalls in der Ankündigung)

Vielen Dank für die Treue und das Verständnis!
  • Chris_3
    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 ;) ) 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

  • lilie86
    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 ;) 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
    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 ;)

    Glg
    Chris

  • Maximilian Rupp 27. Dezember 2024 um 00:12

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

  1. Datenschutzerklärung
  2. Impressum