eXpli: footer mit festen anderen elementen

Hallo zusammen!

ich habe ein kleines problem mit der einrichtung eines footers auf meiner seite. Die bereiche fuer das logo, linke nav, content und die rechte nav sind absolute definiert! Jetzt moechte ich aber nen footer hinzufuegen, der fest, immer am ende der site positioniert ist. wie mache ich das ?

  1. tach eXpli

    was hast hieran nicht verstanden?

    http://aktuell.de.selfhtml.org/tippstricks/css/footer/index.htm

    Gruß Josef

  2. Hallo,

    wie mache ich das ?

    Linktipp: http://www.alistapart.com/articles/footers/

    Grüße
    Jeena Paradies

    --
    Steuererklärung online gar nicht so einfach | Jlog | Gourmetica Mentiri
  3. Hello out there!

    Jetzt moechte ich aber nen footer hinzufuegen, der fest, immer am ende der site positioniert ist.

    Möchtest du bestimmt nicht.

    WebsiteWebseite

    See ya up the road,
    Gunnar

    --
    “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
  4. Ich verstehe das mit dem IE nicht wie ich das in meine site einbauen kann... In firefox ist ja soweit alles ok...

    hier mal kurz meine css daten...

    #logo {
    overflow:hidden;
    z-index: 2;
    width: 950px;
    height: 100px;
    border: 1px solid #A2B1A5;
    padding: 0px;
    margin-bottom: 10px;
    margin-top: 0px;
    position: absolute;
     top: 0;
     left: 10;
    }

    #nav1 {
    overflow:hidden;
    z-index: 2;
    float: left;
    width: 130;
    height: 500px;
    padding: 0px;
    background: #DBE7DD;
    border: 1px solid #A2B1A5;
    font-family: Verdana;
    font-size: 12px;
    position: absolute;
     top: 110;
     left: 10;
    }
    #content {
    z-index: 1;
    float: right;
    padding: 0px;
    border: 1px solid #A2B1A5;
    background: #C3D2C5;
    font-family: Verdana;
    font-size: 12px;
    min-width: 667px;
    width: 670 px;
    height: 600px;
    position: absolute;
     top: 110;
     left: 150;
    }
    #nav2 {
    overflow:hidden;
    z-index: 2;
    float: left;
    padding: 0px;
    width: 130px;
    height: 500px;
    background: #DBE7DD;
    border: 1px solid #A2B1A5;
    font-family: Verdana;
    font-size: 12px;
    position: absolute;
     top: 110;
     left: 830;
    }

    #footer {
    overflow:hidden;
    z-index: 2;
    width: 950px;
    height: 30px;
    border: 1px solid #A2B1A5;
    padding: 0px;
    position: fixed;
        bottom: 0px;
        left: 10px;
    }

    1. Hi,

      left: 10;
      top: 110;
      left: 10;
      top: 110;
      left: 150;
      top: 110;
      left: 830;

      Wenn Du den Wert 0 haben willst, solltest Du auch 0 hinschreiben und Dich nicht auf die Korrektur durch den Browser verlassen - es könnte passieren, daß ein Browser fälschlicherweise die Zahlen als Pixelangaben versteht.

      width: 130;

      Wenn Du den Wert auto haben willst, solltest Du den auch hinschreiben und Dich nicht auf die Korrektur durch den Browser verlassen - es könnte passieren, daß ein Browser fälschlicherweise die Zahlen als Pixelangaben versteht.

      cu,
      Andreas

      --
      Warum nennt sich Andreas hier MudGuard?
      Schreinerei Waechter
      O o ostern ...
      Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.