footerAltStick

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • 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

  • #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.

    Kommentar


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

      Kommentar


      • #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

        Kommentar

        Lädt...
        X