neuen Rahmen erstellen

  • hi Leute

    Ich habe ein wirkliches Problem mit meiner Webseite. Ich komme da einfach nicht weiter.
    Ich bin soweit fertig und die ist auch schon on.
    http://www.buildinginspectionperth.net.au
    Da ist auf jeder Seite ein grauer rahmen zu sehen, den ich eigentlich gar nicht haben will. Wenn ich diesen Rahmen aber rausnehme verscheibt sich alles ein wenig. und wird auch nicht mehr richtig angezeigt.
    Mein Rahmen sollte eigentlci so aussehen.
    https://online.westpac.com.au/esis/Login/SrvPage

    Ich habe damals meinen Rahmen von einem Template, da ich mich eigentlich mit Webseiten gar nicht auskenne. hat jemand eine Ahnung wie ich so einen Rahmen herbekomme, oder wie ich den selbst erstellen kann.

    Danke vorab. peter

  • Also das mit dem rahmen funktioniert mittlertweile. Habe es hinbekommen. Aber wenn ich den Rahmen jetz rausnehme sieht es ziemlich bloed aus, da ich es nicht hinbekomme die Hintergrundfarbe der Seite zu ändern. Wenn ich die Hintergrundfarbe ändere kommt fuer einen Millisekunde die Farbe aber verschwindet aber sofort wieder. gruebel.

    liegt warscheinlich am dem code.

    /* breite der gesamtkonstruktion */
    #breite {width:920px;
    border:solid 2px #F0FFF0;
    }

    #oben {width:920px;
    height:100px;
    }

    body
    {margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 30px;
    background-repeat:repeat-x;
    background-position: 50% 0%;
    background-attachment:fixed;
    }

    /* überschriften */
    h2{ color:#000;
    margin-bottom:25px;letter-spacing:2px;
    font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
    font-size: 21px;
    font-variant:normal;font-weight:normal
    }


    /* rahmen um die seite */
    .haupt {background-color#8A0000:;
    border:solid 8px #C9CDD6;
    }


    #top1 {height:41px;text-align:left;
    vertical-align:middle;
    background-color:#979eb0;
    border-bottom: solid 1px #6A757B;
    background-repeat:no-repeat;
    background-position:50% 50%;
    }


    /* homepagename */
    #name {
    letter-spacing:-2px;
    color:#fff;
    padding-right:20px;
    font-family: "trebuchet ms",tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
    font-size:46px;
    font-variant:normal;
    font-weight:normal;
    }

    /* slogan, spruch */
    #slogan {
    background-color:#d5d8e1;
    background-image:url(images/fv2.jpg);
    background-repeat:repeat-y;
    background-position:0% 0%;
    height:160px;
    border-bottom: solid 1px #778897;
    border-top: solid 1px #F7F8F9;
    border-right: solid 1px #000;
    text-align:left;
    vertical-align:middle;
    padding-left:30px;
    font-family: "trebuchet ms",tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;}

    #slogan_header {
    letter-spacing:8px;
    color:#8E5964;
    padding-right:20px;

    font-size:20px;
    font-weight:normal;
    }
    #slogan_inhalt1 {
    color:#7C8A9C;
    font-size:18px;
    letter-spacing:2px;
    }

    #slogan_inhalt2 {
    letter-spacing:1px;
    color:#fff;
    font-size:15px;
    }


    #logo {
    background-image:url(images/logo.jpg);
    background-repeat:no-repeat;
    background-position:50% 50%;
    text-align:center;
    vertical-align:middle;
    border-TOP: solid 1px #EAEDEE;
    border-LEFT: solid 1px #FFF;
    }

    #seitentitel {
    font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
    font-size:13px;
    color:#8A0000;
    text-align:center;
    vertical-align:middle;
    padding-left:10px;
    height:41px;
    background-color:#8A0000;
    background-repeat:no-repeat;
    background-position:50% 50%;
    border-top: solid 1px #E6E9EC;
    border-bottom: solid 1px #EAEDEE;}


    #menubox {
    height:160px;
    background-color:#d5d8e1;
    color:#fff;
    text-align:left;
    vertical-align:middle;
    padding-bottom:0px;
    border-top: solid 1px #DCE0E4;
    border-bottom: solid 1px #778897;
    border-right: solid 1px #000;
    background-image:url(images/fv3.jpg);
    background-repeat:repeat-x;
    background-position: 50% 0%;
    }
    }

    .div_feste_breite_ie {
    width:50px
    }


    /* navi im text links/rechts unter dem foto */
    .navi_imtext {float:center;
    text-align:center;
    width:380px;
    border:solid 0px #fff;
    padding:0px;
    margin:auto;
    }

    .navi_imtext_left {float:left;
    width:170px;
    border:solid 0px #FFBF00;
    padding:0px;
    }

    .navi_imtext_right {float:left;
    width:170px;
    border:solid 1px #fff;
    padding:0px;
    }

    #foto_imtext {float:center;
    width:360px;
    background-color:#8A0000;
    padding:4px;
    border:solid 1px #3A4152;
    margin-bottom:30px;
    }

    h3.boxheader {color:#fff;background:transparent;
    font-size: 14px;line-height: 18px;
    font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
    padding-left:0px;
    margin-bottom:20px;
    margin-top:0px;
    }

    #inhalt {height:900px[Blockierte Grafik: http://www.starter-forum.de/images/smilies/wink.gif]
    background-repeat:no-repeat;
    background-position: 50% 50%;
    background-color:##8A0000;
    text-align:left;
    vertical-align:top;
    padding-top: 30px; padding-bottom: 40px;
    padding-left: 30px;padding-right:30px;
    letter-spacing:0px;
    width:100%;
    color:#4D5164;
    border-top: solid 1px #3F4549;
    font-size: 14px;line-height: 20px;
    font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
    border-bottom: solid 1px #434B54;
    }

    #inhalt_li {height:1000px;font-size: 14px;line-height: 20px;
    font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
    text-align:left;
    vertical-align:top;
    padding-top: 0px; padding-bottom: 0px;
    padding-left: 0px;padding-right:20px;
    border-right: dotted 1px #000;
    }

    #inhalt_re {
    width:300px;
    height:100%;font-size: 14px;line-height: 20px;
    font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
    text-align:left;
    vertical-align:top;
    padding-top: 0px; padding-bottom: 0px;
    padding-left: 20px;padding-right:0px;
    border-right: solid 0px #000;
    }

    .linie {width:100%;
    border-bottom: dotted 1px #000;
    }


    /* ====== fussbereich ====== */


    #fuss {font-size: 15px;line-height: 20px;
    color:#fff;
    font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
    text-align:center;
    vertical-align:middle;
    }

    #fuss_inhalt {font-size: 13px;line-height: 20px;
    color:#4D5164;
    width:100%;
    background-color:#000;
    height:40px;
    border-top: solid 1px #f1f2f3;
    background-color:#b8bcc7;;
    background-repeat:no-repeat;
    background-position:50% 50%;
    font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
    }


    /* ######################################
    abweichungen für die seite INDEX. HTML [Blockierte Grafik: http://www.starter-forum.de/images/misc/vbglossarlink.gif] im inhaltsbereich
    ###################################### */

    #inhalt_index {height:900px;
    background-color:#F0FFF0;
    text-align:left;
    vertical-align:top;
    padding-top: 40px; padding-bottom: 60px;
    padding-left: 40px;padding-right:40px;
    letter-spacing:0px;
    width:100%;
    color:#4D5164;
    border-top: solid 1px #3F4549;
    font-size: 15px;line-height: 22px;
    font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
    border-bottom: solid 1px #434B54;

  • Zitat

    body
    {margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 30px;
    background-repeat:repeat-x;
    background-position: 50% 0%;
    background-attachment:fixed;
    }

    Füge unter background-attachment:fixed; einfach background-color: #FARBCODE hinzu, und ersetze #FARBCODE durch eine beliebige Farbe.

  • habe es probiert, kommt aber immer noch nur fuer eine miilisec. dann verschwiendet die Farbe sofort wieder. habe mal JPG asl hintergrund eingefuegt. brauch eben länger zum laden.
    Trotzdem danke