Background auf Seite fixieren

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas

9:58, 3.8.2012

Moin Leute,

ich möchte ein Bild als Hintergrund verwenden, dass an den Rest praktisch "gebunden" ist, also ein Hintergrundbild, das auch wenn man das Browserfenster verkleinert oder man mit einer anderen Auflösung die Seite betrachtet an den Rest der Seite angepasst bleibt.

Momentan sieht mein Code so aus (wundert euch nicht über die lokalen Dateipfade, ich benutze Visual Basic zur bearbeitung und die Seite ist lokal!

<body background=C:\Dokumente und Einstellungen\l.stenner\Desktop\buttons\corridor.bmp></body>

<div id="zusammenfassung" 
    style="position:absolute; margin:0px 0px 0px -500px; top: 0%; left: 50%; height: 1195px;">

    <style type="text/css">
        .style1
        {
            width: 200px;
            height: 1000px;
        }
        .style2
        {
            width: 600px;
            height: 1000px;
        }
        .style3
        {
            width: 986px;
            font-size: xx-large;
        }
        #Text1
        {
            width: 468px;
            height: 366px;
        }
        .style4
        {
            width: 201px;
            height: 1000px;
        }
        .style5
        {
            width: 1000px;
            height: 200px;
        }
        .style6
        {
            color: #00FF00;
        }
    </style>
</head>


<table border="3px" style="width: 1000px; height: 200px">
<tr>
        <td class="style3">
                         
            <img class="style5" 
                src="file:///C:/Dokumente%20und%20Einstellungen/l.stenner/Desktop/buttons/banner.png"></img></td>
                
</tr>
</table>

<table style="width: 1000px; height: 1000px;" border="3px">
    
    
    
    
    <tr>
        <td class="style1" style="background-color: #1F1F1F">
            &nbsp;
            <div id="links" style="height: 920px; width: 200px; background-color: #1F1F1F;">
                <img alt="" 
                    src="file:///C:/Dokumente%20und%20Einstellungen/l.stenner/Desktop/buttons/button.png" /><br />
                    <img alt="" 
                    src="file:///C:/Dokumente%20und%20Einstellungen/l.stenner/Desktop/buttons/button.png" /><br />
                    <img alt="" 
                    src="file:///C:/Dokumente%20und%20Einstellungen/l.stenner/Desktop/buttons/button.png" /><br />
                    <img alt="" 
                    src="file:///C:/Dokumente%20und%20Einstellungen/l.stenner/Desktop/buttons/button.png" /><br />
                    <img alt="" 
                    src="file:///C:/Dokumente%20und%20Einstellungen/l.stenner/Desktop/buttons/button.png" /><br />
                    <img alt="" 
                    src="file:///C:/Dokumente%20und%20Einstellungen/l.stenner/Desktop/buttons/button.png" /><br />
                    </div>
            </td>
        <td class="style2">
            <div style="height: 1000px; width: 588px; background-color: #FFFFFF;">
                
                <div id="text" style="background-color: #D4D4D4; width: 590px; height: 999px;">
                <div id="oben" style="background-color: #1F1F1F; width: 590px; height: 50px;">
                    <br />
                </div>
                <!-- Hier kommt der Seiteninhalt rein!--!>



                                                                                    <!-- Rand, Stopp! :) --!>
Texxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxt









                </div>


            </div>
            </td>
        <td class="style4" id="rechts" style="background-color: #1F1F1F">
            &nbsp;
            <div id="rechts" style="background-color: #1F1F1F; height: 920px; width: 200px">
            </div>
        </td>
       


</tr>
</table>


</div>

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage
sneppa

sneppa hat kostenlosen Webspace.

10:54, 3.8.2012
Ich verstehe deinen Post nicht wirklich...

Meinst du sowas?
http://ringvemedia.com/
copynpaste

copynpaste hat kostenlosen Webspace.

11:02, 3.8.2012
Klingt mir so als ob du nach der CSS3 "Funktion" background-size suchst..

Hier mal eine Beispielseite, wie verschiedene background-size Einstellungen sich verhalten: http://whereswalden.com/files/mozilla/background-size/more-examples.html
Autor dieses Themas
schinkenmedia

schinkenmedia hat kostenlosen Webspace.
11:02, 3.8.2012

sneppa schrieb:
Ich verstehe deinen Post nicht wirklich...

Meinst du sowas?
http://ringvemedia.com/

Ich kann kaum erkennen ob es das ist was ic hsuche ;)

Ich denke aber ich habe eine Lösung gefunden.
```
]
```
Beitrag zuletzt geändert: 3.8.2012 11:03:13 von schinkenmedia
copynpaste

copynpaste hat kostenlosen Webspace.

11:13, 3.8.2012
Achso, aslo ging es nur um das "fixed"..

Dann rate ich dir dich das nächste besser auszudrücken :)
Hättest du gesagt, dass beim scrollen das Hintergrundbild stehen bleiben soll hätten wir es schon eher verstanden
Autor dieses Themas
schinkenmedia

schinkenmedia hat kostenlosen Webspace.

14:26, 3.8.2012

copynpaste schrieb:
Achso, aslo ging es nur um das "fixed"..

Dann rate ich dir dich das nächste besser auszudrücken :)
Hättest du gesagt, dass beim scrollen das Hintergrundbild stehen bleiben soll hätten wir es schon eher verstanden

Meinte ich ja nicht ;)

Es ging darum, das andere Browser und andere Bildschirme den Hintergrund versetzt sehen. Das wäre ja eigentlich nicht wichtig, wenn er nur eine Farbe hätte, aber in meinem Fall muss die Seite genau zwischen zwei auf dem Hintergrund gezeichneten Stahlträgern sitzen ;)

-----> creative webdesign :D
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city