Auf Thema antworten

Beitrag

[QUOTE="Sempervivum, post: 14645, member: 3917"]
Die Erklärung ist, dass dieses CSS:
[CODE]        #wrapper img {
            width: 1280px;
            height: 800px;
        }
[/CODE]
auch auf das Bild mit dem Smart wirkt und es so groß macht.
Lösung indem wir dem Hintergrundbild eine Klasse, z. B. "background" geben und uns im CSS darauf beziehen:
[CODE]<img class="background" src="images/Stromlauf1.jpg">[/CODE]
[CODE]        #wrapper img.background {
            width: 1280px;
            height: 800px;
        }
[/CODE]

Und, übrigens: Es muss nicht um alles ein div drum herum sein, ohne funktioniert es genau so:
[CODE]    <div id="wrapper">
        <img class="background" src="images/Stromlauf1.jpg">
        <div class="gas">5,3 m³</div>
        <div class="kollektor">41 °C</div>
        <img class="smart_bild" src="images/smart1.gif">
    </div>
[/CODE]
[CODE]
        .smart_bild {
            position: absolute;
            top: 580px;
            left: 590px;
            width: 170px;
            height: 170px;
        }

[/CODE]
[/QUOTE]

Authentifizierung