CSS - Browser erkennt Bilder nicht

Derber02 · 20.01.14, 00:59

Hallo mygullianer,
zur zeit versuch ich eine "erste Webseite" zu machen. Ich hab mir einfach vorgestellt bisschen rumzubasteln aber schon bei den Basics hab ich schon ein problem entdeckt:
Die Browser erkennen die Bilder nicht die ich im CSS definiere:
bei der internen vorschau(Internet explorer) werden mir die bilder angezeigt und alles ist so wie ich es will. aber sobald ich die datei doppeklicke und opera sich öffnet werden die bilder ignoriert
hier mal mein Code:

CSS:

Code:

body
{
    background:url(bilder/Champions League 2.jpg) repeat ;
    background-position: center;
    background-position: top;
    background-color:#000080;

#haupt_seite
{
    margin-top: 40px;
    margin-right: 0px;
    width: 830px;
    height: auto;
    background-color: #FFF;
}

    #head_seite_container
    {
        background-color: #FFF;
        width: 100%;
        height: 240px;

    }
        .header_background
        {
            height: 240px;
            width: 100%;
            background: url(bilder/Real Madrid Head.jpg) no-repeat ;
            background-position: center;

        }
}

HTML

Code:

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

<body>

<table align="center">
    <tr>
        <td>

        <div id="haupt_seite">
            <div id="head_seite_container">

                <div class="header_background">

                </div>

            </div>
            <div id="navi_container">

                <div class="navi_container">

                </div>
            </div>
            <div id="main_container">

                <div class="linke_seite">

                <table class="linke_seite_tabelle">
                    <tr>
                        <td>

PS: Die bilder sind in einem Ordner der sich im gleichen Pfad befindet.. also Bilder/ ... .jpg
müsst reichen

ich hoff ihr könnt mir helfen

MfG