footerAltStick

Collapse
X
Collapse
 
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
  • #1

    footerAltStick

    Hallo Gemeinde,

    komm irgendwie nicht weiter. Versuche für eben jene struktur 100% hohe zu erzeugen, sodass der footer immer am unteren rand erscheint.

    fotter soll eine Höhe von 30px erhalten
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "en" lang = "en">
 <head>
  <title>test</title>

  <meta http-equiv = "Content-Type" content = "text/html; charset=utf-8">
  </head>

 <body id = "home">
  <div id = "main-body">
   <div id = "header">
    <div id = "logo">
    </div>

    <div id = "nav">
    </div>
   </div>

   <hr>
   <div id = "content">
    content
   </div> <!-- end #content -->

   <hr>
   <div id = "sidebar">
    sidebar
   </div>
  </div> <!-- end #sidebar -->

  </div> <!-- end #main-body -->

  <hr>
  <div id = "footer">
   footer
  </div>
 </body>
</html>
    Gruß
    derTrallala
    Manchmal verliert ma eben ... und manchmal gewinnen die Anderen
    Tags: None
  • #2
    Re: footerAltStick

    Möchtest du mit dem Stichwort im Titel vielleicht andeuten, dass du dich auf http://www.themaninblue.com/experiment/footerStickAlt/ beziehst?


    Möchtest du vielleicht endlich mal zur Kenntnis nehmen, dass "ich krieg's nicht" hin kein zielführende Problembeschreibung ist?
    I don't believe in rebirth. Actually, I never did in my whole lives.

    Comment

    • #3
      schon mal nach StickyAd gesucht?
      it's not a bug,
      it's a feature!

      Comment

      • #4
        Original geschrieben von XGremliN
        schon mal nach StickyAd gesucht?
        wer ich tun

        css
        Code:
        body,html {
	height: 100%;
}
body {
	margin: 0;
	padding: 8px 0 0 0;
	font-family: Verdana, sans-serif;
	font-size: small;
	color: #383d44;
	background: #f3f1e9 url(../img/1206/bg-top.gif) repeat-x top left;
	}


/* page structure
---------------------------------------------------------- */

#main-body {
	width: 60em;
	margin: 30px auto 0;
	padding: 0 ;
	font-size: 95%;
	line-height: 1.6em;
	background: url(../img/1206/main-bg.gif) repeat-y 40em 0;
	height: 100%;
	}
* html #main-body {
	height: 100%
}
#content {
	width: 38em;
	float: left;
	}
#sidebar {
	width: 20em;
	float: right;
	margin-left: 2em;
	font-size: 90%;
	font-family: Verdana, sans-serif;
	line-height: 1.5em;
	color: #666b75;
	}
#footer {
	border: 1px black dashed;
	height: 50px;
	margin: -50px auto 0 auto;
}


/* header
---------------------------------------------------------- */

#header {
	padding: 0;
	font-size: 95%;
	}

hr, .hide {
	display: none;
	}
a img {
	border: none;
	}

/* self-clearing floats */

#nav ul:after, 
#main-body:after,
#footer:after,
 {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }
        life example: http://hafenvolleyballer.de/TEST

        Gruß
        T.T
        Manchmal verliert ma eben ... und manchmal gewinnen die Anderen

        Comment

        Previous template Next
        Working...
        X