footer std. am Browser bottom, sonst nach unten ?

footer std. am Browser bottom, sonst nach unten ?

Beitragvon Cobra427 » 19.10.2010, 10:08

Hallo !
benötige Hilfe zu meiner Vorstellung, da ich es selbst nicht schaffe :oops:

möchte wenn content klein ist, dass der footer immer am Browser ganz unten steht, wenn aber der content größer wird soll der footer dann nach unten mitgenhen, kein scroll im brwoser.

somit kann ich dem footer keine feste höhe geben. dachte sowas wie min-pos aber das gibts ja nicht... kann mir bitte jemand helfen, grundsätzlich mal ob das überhaupt geht ?
mfg und vielen Dank!
http://www.cobrafahren.at
Benutzeravatar
Cobra427
Gelegenheitsleser
 
Beiträge: 35
Registriert: 17.10.2010, 11:56

Re: footer std. am Browser bottom, sonst nach unten ?

Beitragvon Cobra427 » 19.10.2010, 10:11

nach dem es keinen Edit Button gibt...

... kein Scroll im content !
mfg und vielen Dank!
http://www.cobrafahren.at
Benutzeravatar
Cobra427
Gelegenheitsleser
 
Beiträge: 35
Registriert: 17.10.2010, 11:56

Re: footer std. am Browser bottom, sonst nach unten ?

Beitragvon sejuma » 19.10.2010, 11:22

Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46

Re: footer std. am Browser bottom, sonst nach unten ?

Beitragvon Cobra427 » 19.10.2010, 12:46

tja, hätts nach dieser Vorlgage probiert, scheint mir aber mein Layout da einen Strich durch die Rechnung zu machen und ich habe keine Ahnung wo, probiere dort und da aber ohne Erfolg....
Code: Alles auswählen
<!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="de" lang="de">
<head>
  <?php page_header(); ?>
</head>
<body id="body">
    <div id="bodylayer">

        <div id="banner">
      </div>

        <div id="menulayer">
            <div id="menu">
                <?php page_menu("0"); ?>
            </div>
          <div id="claim">
                <?php page_claim(); ?>
            </div>
        </div>

      <div id="container">
            <div id="sidebar">
                <div id="submenu">
                  <?php page_submenu("0"); ?>
                </div>
        <div id="extra">
                </div>
                <div id="lastnews">
                    <?php page_load_addon("lastnews"); ?>
                </div>
            </div>
            <div id="content">
                <div id="text">
                    <?php page_content(); ?>
                </div>
            </div>
            <div class="clear">&nbsp;</div>
         </div>

        <div id="footer">
            <div id="footertop">
                <a href="#body" title="zum Seitenanfang springen">&#9650; TOP</a>
                <br /><?php page_counter(); ?>
            </div>
            <div id="footercontent">
                <?php page_footer(); ?><br />
                Admin Backend: <a href="../../../admin/index.php">Login</a> , 
        <?php page_datum(); ?>
            </div>
        </div>
    </div>
</body>
</html>

Code: Alles auswählen
*                      { margin: 0px; padding: 0px; }
html,body        { width: 100%;
              height: 101%;
              text-align: center;
              font-family: "Verdana", "Tahoma", "Arial", "MS Sans Serif";
              font-size: 12px;
              color: black;
/*              line-height: 18px; */
/*              background: white url(../images/carbon.jpg) fixed; */
            }
.clear         { clear: both; height: 0px; font-size: 0px; display: block; width: 100%; }
img                  { border: none; }
li                      { list-style: none; }
a                      { text-decoration: none; }
a:hover          { text-decoration: underline; }

/* - BODY - */
#bodylayer     { text-align: left;
              position: relative;
              margin: 0px auto;
              width: 1000px;
              min-height: 100%;
            }

/* - CONTENT - */
#container     { position: relative;
              float: left;
              margin-top: 5px;
              border-top: 5px solid black;
              display: block;
              background: white;
            }

#content         { position: relative;
              float: left;
              overflow: hidden;
              color: black;
/*              min-height: 500px;*/
              width: 750px;
/*              margin-right: 240px;
  */          }

/* - SIDEBAR - */
#sidebar    { position: relative;
              float: right;
              width: 249px;
              border-left: 1px solid #E9E9E9;
            }


/* - FOOTER - */
#footer       { /*clear: both;*/
              position: absolute;
              bottom: 20px;
              width: 1000px;
/*              position: relative;
              float: left;
              width: 100%; */
              margin: 0px 0px 20px 0px;
              padding: 0px;
              font-size: 10px;
              color: #545248;
              line-height: 14px;
              background: white;
              border-top: 1px solid #E9E9E9;
              border-bottom: 5px solid black;
            }


den code habe ich aufs wesentliche reduziert, also die Bereiche die meiner Meinung nach Einfluß haben können...

der Footer wird mir unten platziert nur wenn der content länger ist bleibt er dor, beim scrollen des browsers wird der footer (überlagert content) mit gescrollt, also steht einfach blöd im content drin...

denke die Beziehung von content und footer wird durch position:absolut aufgehoben, obwohl beide im bodylayer drin sind...
mfg und vielen Dank!
http://www.cobrafahren.at
Benutzeravatar
Cobra427
Gelegenheitsleser
 
Beiträge: 35
Registriert: 17.10.2010, 11:56

Re: footer std. am Browser bottom, sonst nach unten ?

Beitragvon Azra » 19.10.2010, 12:58

Sollte der Footer Container nicht ausserhalb des "wrappers" in HTML platziert werden?
Ich habe es mir nicht genau angeschaut, aber ich denke daran könnte es liegen.
“HTML is the language for describing the structure of Web pages.”
“CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts.”
Noch weitere Probleme? Kontakt über meine Webseite - simonduda.ch
Benutzeravatar
Azra
Stammuser
 
Beiträge: 422
Registriert: 04.02.2010, 08:36
Wohnort: (Alten)bochum

Re: footer std. am Browser bottom, sonst nach unten ?

Beitragvon Cobra427 » 19.10.2010, 13:15

im Beispiel nicht, habs jetzt auch probiert ist zwar besser (kein überlagern des content) nur das am browser bottom positionieren gelingt nicht...
mfg und vielen Dank!
http://www.cobrafahren.at
Benutzeravatar
Cobra427
Gelegenheitsleser
 
Beiträge: 35
Registriert: 17.10.2010, 11:56


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "footer std. am Browser bottom, sonst nach unten ?"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste

cron