Ergebnis 1 bis 7 von 7

Thema: Hilfe Footer

  1. #1
    HTML Newbie
    Registriert seit
    23.02.2015
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Hilfe Footer

    Hallo Leute brauche dringend HLFE
    Wie krieg ich den footer (Fuss bei css) o das er immer am Boden ist? Natürlich soll er mit dem Textcontainer mitwachsen
    Wahrscheinlich sehr einfach aber bitte schaut euch das mal an

    #Main {
    position:absolute;
    width:100%;
    height:1324px;
    z-index:1;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    }
    #Kopf {
    position: absolute;
    height:200px;
    z-index:1;
    background-color: #1C548D;
    width: 100%;
    left: 0px;
    top: 0px;
    }
    #Kopf2 {
    position:absolute;
    width:100%;
    height:30px;
    z-index:3;
    left: 0px;
    top: 200px;
    background-color: #62A0DF;
    }
    #text {
    position: relative;
    width:670px;
    top: 220px;
    right: 0%;
    margin:auto;
    border-top: solid 20px #fff;
    background-color:#fff;
    vertical-align:top;
    height:auto;
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right:30px;
    letter-spacing:0px;
    color:#000;
    font-size: 85%;
    line-height: 22px;
    font-family: tahoma, verdana, arial, helvetica, verdana, tahoma, sans-serif;
    background-image:url(images/fv1.jpg);
    background-repeat:repeat-x;
    background-position: 0% 0%;
    page-break-before: always;
    text-align: left;
    overflow: visible;
    z-index: 1;
    }
    #Fuss {
    position:absolute;
    width:100%;
    height:115px;
    z-index:2;
    background-color: #1C548D;
    bottom: 0%;
    left: 0px;
    }

    und hier noch der HTML Code

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Test</title>


    <link rel="stylesheet" href="format.css" type="text/css"/>
    <link rel="stylesheet" href="menue.css" type="text/css"/>

    </head>
    <body>
    <div id="Kopf">
    </div>
    <div id="Fuss"></div>

    <div id="Kopf2"></div>
    <div id="text">
    Text hier rein
    </div>
    </body>
    </html>



    DANKE DANKE
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    569
    Danke
    0
    Bekam 66 mal "Danke" in 64 Postings

    Standard AW: Hilfe Footer

    Hallo,

    du suchst "Sticky Footer".

    Zudem solltest du dir angewöhnen auf "position: absolute" zu verzichten.

    Gruss

    MrMurphy

  3. #3
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Hilfe Footer

    ich würd eher empfehlen den konkreten umgang damit zu erlernen, als die nutzung nicht zu empfehlen!
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  4. #4
    HTML Newbie
    Registriert seit
    30.03.2015
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hilfe Footer

    versuch mal im html code diese reihenfolge:

    Text hier rein


    und nimm bei #text die höhe raus

    - - - Aktualisiert - - -

    versuch mal im html code diese reihenfolge:

    Text hier rein


    und nimm bei #text die höhe raus

  5. #5
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.151
    Danke
    14
    Bekam 63 mal "Danke" in 61 Postings

    Standard AW: Hilfe Footer

    einzige Lösung ist:
    position: fixed;
    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.

  6. #6
    HTML Newbie
    Registriert seit
    30.03.2015
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hilfe Footer

    tu das text-div in das fuss-div und nimm bei #text die höhe raus und am besten den text in ein p element setzen

  7. #7
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Hilfe Footer

    Guck mal hier. ist eine weitere Variante des Sticky Footer.
    http://www.gipspferd.de/css/anleitun...nten/index.php

Ähnliche Themen

  1. Problem mit sticky footer (footer wandert nach oben)
    Von NinaH im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 10.09.2013, 13:22
  2. Problem mit Footer
    Von micronix im Forum HTML & CSS Forum
    Antworten: 11
    Letzter Beitrag: 01.07.2010, 12:50
  3. hilfe bei footer! bitte bitte :(
    Von HarleyQuinn im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 16.07.2009, 21:42
  4. Hilfe - Footer weg?!
    Von klsa12 im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 12.06.2009, 11:22
  5. Footer in IE6
    Von Gast im Forum HTML & CSS Forum
    Antworten: 20
    Letzter Beitrag: 04.03.2007, 17:57

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •