Panelen



Forumnavigering
Senast inloggade
RSS
Sponsorer

Forum > Klientspråk > CSS

footer

kevanweb
kevanweb

Gradering

#17945

tjenare har en sida med height 100%, men sidfoten hamnar i mitten av sidan under "headern" diven.

http://s198.photobucket.com/albums/...amnlst-help.png

 

vill ha sidfoten där nere. hur får jag den dit? har googlat..

 

            { 
                    padding: 0;       
                    margin: 0;       
                }
    html        {
                    height: 100%;       
                }
    body        {
                    background: #222;
                    height: 100%;       
                }
    #wrapper    {
                    height: 100%;
                    min-height: 100%;
                    posotion: relative;
                    background: #fff;
                    width: 769px;
                    margin: 0 auto;
                }
               
    #header    {
                    height: 418px;
                    width: 769px;
                    background: url(Bilder/HeaderMenu.png);   
                }
               
    #footer    {
                    height: 70px;
                    width: 769px;
                    background: #000 url(Bilder/fot.png) no-repeat;   
                }


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Kevin Peterson</title>
   
    <link rel="stylesheet" href="Stilmall.css" type="text/css" media="all" />
    <link rel="icon"
      type="image/png"
      href="Bilder/favicon.ico" />

   
    </head>
<body>

    <div id="wrapper">
       
        <div id="header"></div>
       
       
       
        <div id="footer"></div>
       
    </div>    <!--wrapper-slut-->

</body>
</html>





 

tack på förhand inge, somsagt va det ett tag sen ajg höll på med hemsideskapande :(

 



Redigerad av kevanweb
Anledning:



Redigerad av kevanweb
Anledning:

Kevin Peterson
ID: #17945 | Skapades: 2009-09-15 00:58:29 | Tråden har 10 svar och har lästs 313 gånger.

Timmie
Timmie

Gradering

#17946

Blir betydligt lättare om du visar hur din kod ser ut ska du se.

ID: #17946 | Skapades: 2009-09-15 01:10:06

kevanweb
kevanweb

Gradering

#17947

sådär.. :)

Kevin Peterson
ID: #17947 | Skapades: 2009-09-15 01:36:01

voigtan
voigtan

Gradering

#17951

Och då kommer två frågor:

Skall den alltid visas? Eller om det kommer mer innehåll så skall den "följa" med längst ner?

Hur man ställer en fråga: http://support.microsoft.com/kb/q555375
ID: #17951 | Skapades: 2009-09-15 09:24:52

Frippe
Frippe

Gradering

#17954

Om du vill att den ska ligga längst ned med 100% height så kan du ta och kolla i detta: http://ryanfait.com/resources/foote...bottom-of-page/

C#
ID: #17954 | Skapades: 2009-09-15 09:55:20

kevanweb
kevanweb

Gradering

#17955

Citerar voigtan:

Och då kommer två frågor:

Skall den alltid visas? Eller om det kommer mer innehåll så skall den "följa" med längst ner?

 

Japp den skall alltid visas. Och om det kommer mer innhåll så skall den hålla sin plats längst ner hela tiden. :)

Kevin Peterson
ID: #17955 | Skapades: 2009-09-15 13:42:42

voigtan
voigtan

Gradering

#17956

med längst ner hela tiden menar du dokumentets botten eller fönstrets botten?

Hur man ställer en fråga: http://support.microsoft.com/kb/q555375
ID: #17956 | Skapades: 2009-09-15 13:43:39

kevanweb
kevanweb

Gradering

#17957

japp den skall slicka fönstrets botten hela tiden

Kevin Peterson
ID: #17957 | Skapades: 2009-09-15 13:47:26

voigtan
voigtan

Gradering

#17958

Position: fixed då, dock är det inte felfritt i alla webbläsare. Vad jag vet så gå det bara att lösa i såfall med Javascript.

Hur man ställer en fråga: http://support.microsoft.com/kb/q555375
ID: #17958 | Skapades: 2009-09-15 13:48:45

kevanweb
kevanweb

Gradering

#17959

okok tack , inget mer ? inget typ margin-bottom: 0px; eller ntt

Kevin Peterson
ID: #17959 | Skapades: 2009-09-15 13:50:40

voigtan
voigtan

Gradering

#17960

Frippes sida är en smart lösning om det är att du vill ha en 100% dokument med en footer som följer dokumentet.

Margins (marginaler) har inget med positionering av ett element att göra, den skapar en marginal utanför elementet vilket Padding gör för att skapa marginaler inne i ett element.

Hur man ställer en fråga: http://support.microsoft.com/kb/q555375
ID: #17960 | Skapades: 2009-09-15 13:52:06
© Copyright 2007-2009 Shadi Domat | Version 3.0 | Sidkarta | Policy