<img>-Tag funktioniert nicht wie er soll.

  • Hallo liebe Community,


    ich komme mir gerade etwas dämlich vor. Ich arbeite derzeit an meiner ersten eigenen Homepage und trete auf der Stelle.
    Grundsätzlich befinde ich mich gerade dabei eine "Vorlage" für meine Seite zu erstellen auf der ich erstmal ausprobiere wie
    das Design umgesetzt werden soll. Dafür habe ich etwas sinnlosen Text eingegeben und wollte ein Bild einfügen.


    Genau hier liegt jetzt das Problem. Zur Umsetzung meines Designs verwende ich DIV-Boxen. Hier mal der Ausschnitt aus meinem
    Code:


    <div id="content"> <!-- Start Seiteninhalt -->

    <div id="newsbox">

    <p>This site is still under construction.</p>
    <br>
    <p>For further questions, please contact: ...</p>
    <br><br>
    <img src="site_under_construction.gif" alt="Site under construction" />
    <br><br>

    </div>
    </div>


    ---


    #content{
    position: relative;
    width: 820px;
    background-color: #ffffff;
    margin-right: 17px;
    margin-top: 7px;
    float: right;
    border: 0px solid black;
    }



    #newsbox{
    position: relative;
    width: 800px;
    background-color: transparent;
    margin-left: 10px;
    margin-top: 10px;
    float: left;
    text-align: center;
    border: 0px solid black;
    }



    Mein Problem liegt jetzt darin, dass mein Bild nicht angezeigt wird. Sobald ich eine feste Größe definiere, bekomme ich meinen Alternativtext und auch Rahmen funktionieren.


    Das Bild selbst ist ~ 400 x 300 px groß und sollte somit in die 800 px breite Box ohne Probleme passen.
    Hoffentlich kann mir jemand weiterhelfen. Danke schon vorab.


    Lg Lyserk