kostenloser Webspace werbefrei: lima-city


Background auf Seite fixieren

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    schinkenmedia

    Kostenloser Webspace von schinkenmedia

    schinkenmedia hat kostenlosen Webspace.

    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>
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. Ich verstehe deinen Post nicht wirklich...

    Meinst du sowas?
    http://ringvemedia.com/
  4. 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
  5. Autor dieses Themas

    schinkenmedia

    Kostenloser Webspace von schinkenmedia

    schinkenmedia hat kostenlosen Webspace.

    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.

    ]<!--
    body {background:url(C:\Dokumente und Einstellungen\l.stenner\Desktop\buttons\corridor.bmp) no-repeat center center fixed; }
    //-->




    Beitrag zuletzt geändert: 3.8.2012 11:03:13 von schinkenmedia
  6. 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 :thumb:
  7. Autor dieses Themas

    schinkenmedia

    Kostenloser Webspace von schinkenmedia

    schinkenmedia hat kostenlosen Webspace.

    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 :thumb:



    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
  8. 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

Login zum Webhosting ohne Werbung!