[CSS] Bild an Bild automatisch einfügen

Dieses Thema im Forum "Webdesign" wurde erstellt von doctorrr50, 2. April 2009 .

  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 2. April 2009
    Bild an Bild automatisch einfügen

    Hi,

    habe ein Problem bei css....
    bei google, selfhtml hab ich nix gefunden, weil ich nicht genau weiß, wie ich mein problem kurz beschreiben soll^^

    also, ich hab einen head, body und footer bereich, mein body bereich soll sich automatisch an den text anpassen und zum schluss immer den footer anfügen, damit die hp sozusagen ein ende hat.
    könnt ihr mir weiterhelfen? habe versucht den body mit height:auto; zu vermerken....


    mfG
     

  2. Anzeige
    Dealz: stark reduzierte Angebote finden.
  3. #2 2. April 2009
    AW: Bild an Bild automatisch einfügen

    Der Titel verwirrt, wenn man den Text gelesen hat ...

    ... ich denke mal du willst einen Sticky-Footer
     
  4. #3 2. April 2009
    AW: Bild an Bild automatisch einfügen

    is denn schon code vorhanden? wenn ja poste ihn mal und wir könn's dir so anpassen, dass du zufrieden bist :p
     
  5. #4 2. April 2009
    AW: Bild an Bild automatisch einfügen

    ja hab halt

    Code:
    
    
    #body {
    background:url("images/b2.jpg");
    position:absolute;
    left:88px; 
    top:203px;
    width:849px;
    height:300px;
    z-index:2;
    height: 350px;
    
    
    }
    
    
    #footer {
    background:url("images/b3.jpg");
    vertical-align: bottom;
    width:849px;
    
    height: 142px;
    
    z-index:2;
    
    }
    
    
    und html
    
    
    
    <div id="b2"> </div>
    
    
    
    <div id="b3"> </div>
    
    
    
    
    jetz will ich den body flexibel an den text haben und den footer felxible an den body unten dran gesetzt^^

    mfG
     
  6. #5 2. April 2009
    AW: Bild an Bild automatisch einfügen

    HTML:
    <style type="text/css">
    #body {
    background:url("images/b2.jpg");
    position:relative;
    width:849px;
    min-height:300px;
    z-index:2;
    border:1px solid #ccc;
    }
    
    #footer {
    position:relative;
    background:url("images/b3.jpg");
    vertical-align: bottom;
    width:849px;
    height: 142px;
    z-index:2;
    border:1px solid #ccc;
    }
    </style>
    
    <div id="body">
     Content
    </div>
    
    <div id="footer">
     Footer
    </div>
     
  7. #6 2. April 2009
    AW: Bild an Bild automatisch einfügen

    Position auf relative stellen ;)

    //EDIT:
    Mist da war wieder wer schneller
     
  8. #7 2. April 2009
    AW: Bild an Bild automatisch einfügen

    mh dann ist soweit alles richtig nur der body geht über den footer hinaus ôO
     
  9. #8 2. April 2009
    AW: Bild an Bild automatisch einfügen

    ehrlich? dürfte eigentlich nich sein. dann porbier halt ma n bissche rum. das is ja jez kein dickes problem mehr^^
     
  10. #9 2. April 2009
    AW: Bild an Bild automatisch einfügen

    HTML:
    <head>
    <style type="text/css">
    
    #body {
    background:url("images/b2.jpg");
    width:849px;
    min-height: 350px;
    }
    
    
    #footer {
    background:url("images/b3.jpg");
    width:849px;
    height: 142px;
    }
    </style>
    </head>
    
    <body>
    <div id="body"></div>
    <div id="footer"></div>
    </body>
    
    
    
    min-height ist das Zauberwort ;)
     
  11. #10 3. April 2009
    AW: Bild an Bild automatisch einfügen

    min-height wird aber erst vom IE 7+ richtig dargestellt, aller Vorgänger Versionen Ignorieren die Eigenschaft!
     

  12. Videos zum Thema
Die Seite wird geladen...
Similar Threads - CSS Bild Bild
  1. Antworten:
    4
    Aufrufe:
    1.460
  2. Antworten:
    2
    Aufrufe:
    1.718
  3. Antworten:
    1
    Aufrufe:
    1.552
  4. Antworten:
    2
    Aufrufe:
    802
  5. [CSS] problem mit bild in navi

    juppwatis , 2. Februar 2012 , im Forum: Webdesign
    Antworten:
    4
    Aufrufe:
    974