[HTML] div-Positionierung

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Poncho, 19. Februar 2007 .

Schlagworte:
  1. 19. Februar 2007
    div-Positionierung

    Hi.

    Ich habe folgendes Problem: Ich möchte eine div-Box, die sich in der gesamten Höhe des Browsers ausbreitet. Also dass der Hintergrund der div über die gesamte Höhe der Seite sichtbar ist - unabhängig von dem, was in der div ist. Habe auch schon height: 100% versucht, klappt aber nicht.

    Geht das überhaupt?

    BW ist klar.
     
  2. 19. Februar 2007
    AW: div-Positionierung

    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    <html>
    <head>
    <style type="text/css">
    <!--
    
    body {
    width: 100%;
    height: 100%;
    }
    
    .divmax {
    width: 100%;
    height: 100%;
    background: #00E0FF;
    }
    
    -->
    </style>
    </head>
    <body>
    
    <div class="divmax">
    
    inhalt
    
    </div>
    
    </body>
    </html>
    
    sollte dir helfen
     
  3. 20. Februar 2007
    AW: div-Positionierung

    Hilft mir leider nicht besonders, vielleicht habe ich etwas übersehen?

    Page --> 404 Not Found

    Template --> 404 Not Found

    Stylesheet --> 404 Not Found


    Danke
     
  4. 20. Februar 2007
    AW: div-Positionierung

    Code:
    body
    {
     background-image: url('pfad/zum/bild.png');
     background-repeat: repeat;
    }
     
  5. 21. Februar 2007
    AW: div-Positionierung


    Das Problem ist das folgende: Das Bild ist nur 603 Pixel breit und soll nunmal in der Mitte sein. Dafür habe ich es ja in nen Container gepackt.
     
  6. 21. Februar 2007
    AW: div-Positionierung

    {
    background: transparent url(/image/bild.png) center center no-repeat;
    }

    sollte funzen
     
  7. 21. Februar 2007
    AW: div-Positionierung

    Jetzt wird er in der Mitte angezeigt, aber nur einmal. Und der graue Hintergrund den ich weiterhin definiert hatte, wird einfach ignoriert ?( :

    {bild-down: http://imgnow.de/uploads/mitte1bb0e49epng.png}
     
  8. 21. Februar 2007
    AW: div-Positionierung

    body {background:#000 url(deinbild.jpg) top center repeat-y; }

    #000 ersetzt du nun durch die Farbe, die der restliche BG haben soll
     
  9. 21. Februar 2007
    AW: div-Positionierung

    Super!! Funktioniert einwandfrei.

    Bekommt alle Grün :]


    Bis auf das verschobene Logo, falls also da noch jemand eine Idee hat, woran das liegen könnte.. (padding ist bereits auf 0)
     
  10. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.