Das Bild geht über ganzen Bildschirm?

  • Hallo, ich habe ein Problem. Warum spannt sich das Bild "rzg.jpg" über den ganzen Bildschirm? Ich gebe dazu mal meinen Quellcode bei. Ach ja, in meinem Programm "Webocton - Scriptly" in der Browservorschau wird es angezeigt wie ich es gern hätte..:) nur wenn ich es im normal Browser öffne nicht :mad:
    Wir können auch gern per E-Mail Kontakt aufnehmen..:)

    Html-Code: {index.htm}:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

    <head>
    <title>Christ-Hompage</title>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (http://www.scriptly.de)" />

    <link href="style.css" type="text/css" rel="stylesheet" />
    </head>

    <body>

    <div id="bg">
    <img id="bgimg" src="rzg.jpg"/>
    <div id="bgtxt">
    <h1 id="h1">J&ouml;sel - Schweinfurth - Beratungspraxis</h1>
    <h2 id="h2">Beratung - Supervision - Meditation - Vortr&auml;ge</h2>
    </div>


    <div id="steurung">
    <ul>
    <li><a href="index.htm">Willkommen</a></li>
    <li><a href="zurperson.htm">zur Person</a></li>
    <li><div class="gelb"><a href="beratung.htm">Beratung</a></div></li>
    <li><div class="gelb"><a href="supervision.htm">Supervision</a></div></li>
    <li><div class="gelb"><a class="gelb" href="mediation.htm">Mediation</a></div></li>
    <li><div class="gelb"><a class="gelb" href="vortragstaetigkeit.htm">Vortragst&auml;tigkeit</a></div></li>
    <li><a href="kontakt.htm">Kontakt</a></li>
    <li><a href="impressum.htm">Impressum</a></li>
    </ul>
    </div>

    <div id="inhalt">
    <p class="bold">Herzlich Willkommen</p><p>auf der<br /><span class="bold">Internetseite der Beratungspraxis Christa Jösel- Schweinfurth</span></p>
    <p>In 77704 Oberkirch-Zusenhofen , Hohlbäumle 1</p>

    <p id="viersaetze">Fällst du<br />
    siebenmal hin,<br />
    so stehe<br />
    achtmal wieder auf.</p>

    <p id="willkommentext">Seit 20 Jahren arbeite ich in der Beratung und Begleitung von Menschen in, unterschiedlichen Berufsfelder, mit unterschiedlichen Fragestellungen und Problemen.<br />
    Besonders, wichtig ist mir dabei, die Achtung vor den Ratsuchenden, ihrem einmaligen Schicksal und ihrem eigenen Lösungsstrategien.<br />
    Ich arbeite ressourcenorientiert und begleite die Menschen und auf „i h r e m W E G“, oder leite sie an den eigenen zu finden und ihn so bald als möglich allein weiter zu gehen.<br />
    Durch meine verschieden Ausbildungen, Studien, Fort- und Weiterbildungen habe ich ein großes Repertoire an methodischen Möglichkeiten zur Hand.<br />
    Doch im Mittelpunkt steht der einzelne Mensch und sein ganz individueller Lebensweg, sein wachsen und reifen an Schwierigkeiten und Konflikten.<br />
    Ich mache Mut zum Aufstehen und Weitergehen; fällst du siebenmal hin, so stehe achtmal wieder auf.</p>


    </div>


    </body>
    </html>

    Meine Css-Datei {style.css}:


    * {
    margin:0;
    padding:0;
    }

    html, body {
    }
    /*Überschrift&mehr*/

    #bg {
    margin:0;
    padding:0;
    width:100%;
    height:81px;
    overflow:hidden;
    z-index:1;

    }

    #bgimg {
    z-index:1;
    border:0;
    position:absolute;
    width:100%;
    height:100%;
    z-index:1;
    }
    #bgtxt {
    z-index:2;
    position:relative;
    }


    #h1 {
    color: #B80000;
    text-align:center;
    font-size:250%;
    }
    #h2 {
    color: #FFDF00;
    text-align:center;
    font-size:200%;
    }
    /*Überschrigt&mehrEnde*/

    /*Steurung*/
    #steurung {
    position:relative;
    background-color: #000000;
    float:left;
    width:210px;
    height:640px;
    z-index:2;
    }

    #steurung ul {
    list-style:none;
    }


    #steurung li{
    position:relative;
    vertical-align:middle;
    width:170px;
    border-left:15px #FF25FF solid;
    border-right: 1px black solid;
    border-top: 1px black solid;
    border-bottom: 1px black solid;
    background-color: #CCCCCC;
    margin:10px;
    }

    .gelb {
    background-color: #EADD00;
    }


    #steurung a { font-size: 20px; vertical-align:middle; }
    #steurung a:link { color:red; text-decoration:none; }
    #steurung a:visited { color:red; text-decoration:none; }
    #steurung a:focus { color:red; text-decoration:none; }
    #steurung a:hover { color:red; text-decoration:none; }
    #steurung a:active { color: orange; text-decoration:none; }
    /*SteurungEnde*/

    /*Inhalt*/
    #inhalt {
    position:relative;
    text-align:center;
    font-size:20px;
    font-family:"Times New Roman";
    padding:30px;
    z-index:2;
    }

    .bold {
    font-weight:bold;
    }

    #viersaetze {
    position: relative;
    text-align:center;
    font-weight:bolder;
    background-color: #D8D8D8;
    border:black solid 1px;
    width:300px;
    height:200%;
    font-size:30px;
    margin:20px;
    z-index:2;
    }

    #willkommentext {
    text-align:center;
    width: 600px;
    z-index:2;
    position:relative;
    }


    Hofe ihr könnt mir helfen! :)

    P.S.: ich habe mich erst heut hier im Forum angemeldet..! :o
    Hoffe ich kann euch auch helfen..;)

  • Wegen dieser Kombination mit width: 100%:


    siehe http://www.ohne-css.gehts-gar.net/0055.php



    Das hilft mir leider nicht weiter! :(
    wenn du es mir genauer erklären könntest? Ich will das Bild nur in einem div-Berich (id) width:100 % haben! ? Trozdem Danke :)