[HTML] div-Positionierung

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

Schlagworte:
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #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. Anzeige
    Dealz: stark reduzierte Angebote finden.
  3. #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 :)
     
  4. #3 20. Februar 2007
  5. #4 20. Februar 2007
    AW: div-Positionierung

    Code:
    body
    {
     background-image: url('pfad/zum/bild.png');
     background-repeat: repeat;
    }
     
  6. #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.
     
  7. #6 21. Februar 2007
    AW: div-Positionierung

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

    sollte funzen
     
  8. #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}
     
  9. #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
     
  10. #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)
     

  11. Videos zum Thema
Die Seite wird geladen...
Similar Threads - HTML div Positionierung
  1. Antworten:
    1
    Aufrufe:
    1.029
  2. [HTML] Javascript div-Popup

    Fuselmeister , 20. Juni 2012 , im Forum: Webdesign
    Antworten:
    5
    Aufrufe:
    1.374
  3. Antworten:
    1
    Aufrufe:
    733
  4. Antworten:
    3
    Aufrufe:
    1.071
  5. Antworten:
    6
    Aufrufe:
    909
  • Annonce

  • Annonce