[CSS] Bild an Bild automatisch einfügen

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

Schlagworte:
  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
     
    + Multi-Zitat Zitieren
  3. 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
     
    + Multi-Zitat Zitieren
  4. 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
     
    + Multi-Zitat Zitieren
  5. 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
     
    + Multi-Zitat Zitieren
  6. 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>
     
    + Multi-Zitat Zitieren
  7. 2. April 2009
    AW: Bild an Bild automatisch einfügen

    Position auf relative stellen

    //EDIT:
    Mist da war wieder wer schneller
     
    + Multi-Zitat Zitieren
  8. 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
     
    + Multi-Zitat Zitieren
  9. 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^^
     
    + Multi-Zitat Zitieren
  10. 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
     
    + Multi-Zitat Zitieren
  11. 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!
     
    + Multi-Zitat Zitieren
  12. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.

Auf dieses Thema antworten