Ergebnis 1 bis 8 von 8

Thema: CSS: DIV Box die am ende einer Website angezeigt werden soll

  1. #1
    Erfahrener Benutzer Avatar von bulli
    Registriert seit
    06.01.2007
    Beiträge
    234

    CSS: DIV Box die am ende einer Website angezeigt werden soll

    Hi,

    bei meiner Website soll am Ende ein footer abgezeigt werden, dass habe ich soweit auch schon geschafft, jedoch soll dieser, falls die Website kürzer wie das Browserfenster ist am unteren Ende des Anzeigefelds des Browserfenster sein.

    Mein jetztiger Code:
    HTML-Code:
    #footer {
    background-color : #fafafa;
    height : 55px;
    width : 100%;
    font-size : 11px;
    padding-bottom : 00px;
    background-image : url(../images/footer.gif);
    background-repeat : repeat-x;
    }
    Ist das mit CSS überhaupt möglich?

    Gruß bulli

  2. #2
    Benutzer
    Registriert seit
    02.12.2007
    Beiträge
    47
    Zitat Zitat von bulli Beitrag anzeigen
    Hi,

    bei meiner Website soll am Ende ein footer abgezeigt werden, dass habe ich soweit auch schon geschafft, jedoch soll dieser, falls die Website kürzer wie das Browserfenster ist am unteren Ende des Anzeigefelds des Browserfenster sein.

    Mein jetztiger Code:
    HTML-Code:
    #footer {
    background-color : #fafafa;
    height : 55px;
    width : 100%;
    font-size : 11px;
    padding-bottom : 00px;
    background-image : url(../images/footer.gif);
    background-repeat : repeat-x;
    }
    Ist das mit CSS überhaupt möglich?

    Gruß bulli
    Musst Du in der "header.php" an der richtigen stelle setzen ! Dann funktioniert das.

  3. #3
    Erfahrener Benutzer Avatar von bulli
    Registriert seit
    06.01.2007
    Beiträge
    234
    Ne, funktioniert eben nicht, wenn die Seite nicht lang genug ist, wird es einfach nach dem Text eingefügt und nicht unten an das Ende vom Browserfenster.

  4. #4
    Erfahrener Benutzer Avatar von jpwfour
    Registriert seit
    06.02.2008
    Beiträge
    3.717
    also mit dem css-attribut "position" kann man das in etwa machen, jedenfalls mit position:absolute; könnte man den footer immer am unteren rand des browserfenster anzeigen lassen, auch wenn der inhalt "kleiner" ist.

    nur würde dann auch bei größerem inahlt der footer immer dort angezeigt werden, also um dass mit css zu machen, muss man ziemlich tricksen, da fällt mir jetz gerade keine gute lösung ein, eventuell position:relative; und dass zum body tag, oder man packt den gesamten inhalt in einen div rein...

    mit javascript wäre das natürlich weniger ein problem, nur dann muss man auch noscript usern eine schöne lösung anbieten.
    Kill one man, and you are a murderer.
    Kill millions of men, and you are a conqueror.
    Kill them all, and you are a god.
    - Jean Rostand, Thoughts of a Biologist (1939)

  5. #5
    Erfahrener Benutzer Avatar von bulli
    Registriert seit
    06.01.2007
    Beiträge
    234
    hmm...ist schwierig, das mit dem javaScript ist eine gute Idee, da bin ich noch garnicht drauf gekommen, ich glaube es ist mit CSS garnicht möglich, da man so eine Art "WENN DANN" Funktion einfügen müsste.

    jpwfour, wie könnte so der Javascript Code dafür aussehen, wenn der zu komplex ist oder zu lang wird, brauchst du es natürlich net machen, net das ich dann für dieses Kleine Problemchen noch 200 Zeilen JavaScript brauche

  6. #6
    Erfahrener Benutzer Avatar von jpwfour
    Registriert seit
    06.02.2008
    Beiträge
    3.717
    noch eine option wäre:
    position:fixed;
    damit würde der footer immer am unteren rand angezeigt werden, und der rest der seiet scrollen, ohne dass sich der footer bewegt, so wäre er imemr zu sehen, egal ob der inhalt nun größer oder kleiner als das browserfenster ist.

    mit javascript kenn ich mich da zuwenig aus, aber soviel code sollte das nicht sein.

    EDIT:
    so, hab nun doch noch was gefunden, wie man das nur per CSS erreichen kann:
    min-height ist hierbei die lösung (wenn das ganze auch einer weiche für den ie bedarf)

    dazu gibt es eingie beispiele:
    http://forum.de.selfhtml.org/archiv/2007/11/t161189/
    http://forum.de.selfhtml.org/archiv/2006/9/t137848/

    aber sogar auch eines (das beste würde ich sogar sagen), ohne min-height:
    http://tammofreese.de/assets/2005/12...-erreicht.html
    Kill one man, and you are a murderer.
    Kill millions of men, and you are a conqueror.
    Kill them all, and you are a god.
    - Jean Rostand, Thoughts of a Biologist (1939)

  7. #7
    Erfahrener Benutzer Avatar von bulli
    Registriert seit
    06.01.2007
    Beiträge
    234
    Vielen dank, ich habe zwar auch schon gegoogelt, jedoch nicht solche informativen Seite gefunden.

  8. #8
    Benutzer
    Registriert seit
    02.12.2007
    Beiträge
    47
    Hier mal die Lösung
    Man braucht das CSS nur an der richtigen stelle Positionieren in diesem Fall die "index.php". Und siehe da , es funktioniert.

    Man könnte es auch ganz oben in die "footer.php" platzieren , wäre der gleiche effekt.



    main.css
    PHP-Code:
    .footer {
        
    positionrelative;
        
    background-image url(../images/footer.jpg);
        
    width649px;
        
    height79px;
        
    top10px


    index.php
    PHP-Code:
    <?
    if (isset ($_GET['content']) && !empty ($_GET['content'])) {
     if (strpos ($_GET['content'], '../') !== FALSE) die ('Zugriffsverletzung !');
     if ($_GET['content']{0} != '/') $_GET['content'] = '/'.$_GET['content'];
    }
    require ( './lib/header.php' );
    require ( './content'.$_GET['content'].'.php' );  ?>
    <div class="footer"><div style="position: relative; top: 30px; color: #000000">Ich bin ein Footer</div></div>     
    <?
    require ( './lib/footer.php' );
    ?>

    Damit hält sich ein Footer immer unter der letzten Contentbox.

    :smilewinkgrin:

    Hier kannst Du dir es anschauen.
    http://spezi.vms1.de/freevms2

Ähnliche Themen

  1. Website Werbung. 5.000 garantierte Website-Besucher
    Von Paul230012 im Forum Sonstiges
    Antworten: 0
    Letzter Beitrag: 07.06.2016, 19:20
  2. 2te Ref ebende soll abgeschaft werden
    Von DimpleX im Forum Talk, talk, talk...
    Antworten: 7
    Letzter Beitrag: 15.02.2010, 20:25
  3. Banner werden nicht angezeigt
    Von Nobby1012 im Forum Support zum VMSone
    Antworten: 4
    Letzter Beitrag: 15.06.2009, 17:57
  4. Antworten: 0
    Letzter Beitrag: 23.07.2008, 18:16
  5. Mails werden nicht angezeigt
    Von Roadstar im Forum Support zum VMSone
    Antworten: 1
    Letzter Beitrag: 03.09.2007, 20:37

Berechtigungen

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