Forum PHP.pl > [PHP][HTML][CSS] jak usunac wolna przestrzen pod stopka

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP][HTML][CSS] jak usunac wolna przestrzen pod stopka

leos

26.01.2009, 10:06:24

Witam,

Mam problem z CSS-em z ktorym nie moge sobie poradzic, otoz pod stopka powstaje mi dziwna przestrzen, ktorej nie moge usunac korzystalem juz z kilku wskazowek znalezionych w google ale dalej jest to samo. Prosze o jakas rade. Oto zrzut problemu:

Oto kod CSS:

Kod

body {
margin: 0px;
padding: 0px;
text-align:center;
background: #000000 url(images/stronaGlowna/img01.jpg) repeat-x left top;
font: 13px Verdana, Arial, Helvetica, sans-serif;
color: #D9D9D9;
}

#footer {
clear: both;
height: 120px;
margin: 0px auto;
background: url(images/stronaGlowna/img01.jpg) repeat-x left top;
color: #000000;
font: 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
bottom: 0px;
}

#footer p {
margin: 0px;
padding: 50px 0px 0px 0px;
text-align: center;
line-height: normal;

}

Pozdrawiam

wookieb

26.01.2009, 10:20:42

Nie zadziała bo do footer zapomniales dodac

Kod

#footer
{
position: absolute;
}

Ale u ciebie "zła" pozycja stopki wynika z czegos innego. Nie mamy kodu html zeby sprawdzic.

leos

26.01.2009, 10:51:01

Dodalem do stopki:

Kod

position: absolute;
width:100%;

Stopka przesunela sie do dolu ale wolna przestrzen nadal pozostala

Szablon jest pisany w Smarty

Kod html wersja okrojona:

Kod

{config_load file="setting.conf"}
<!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">
<head>
        <title>{$smarty.config.title}</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="icon" type="image/x-icon" href="images/stronaGlowna/favicon.ico">
        <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
        
        <script src="libs/ajax/mootools.js" type="text/javascript" language="javascript"></script>
    </head>
    <body>
    <div id="header">
        <div id="baner">
            <h1><a href="index.php">Gera.pl</a></h1>
            <p>zapraszamy na zakupy</p>
        </div>
        
        <div id="menuTop">
     <ul>
         //tu jest menu
     </ul>

        </div>
        
    </div>
    

    <div id="page">
<div id="content">

        //tresc

</div>

<div id="sidebar">
     <div id="sidebar-content">

     </div>
     <div id="sidebar-bgbtm"></div>
</div>

    </div>
    
    <div id="footer">
        //stopka
    </div>
    
    </body>
</html>

Height:120px jest to wysokosc stopki.

Natomiast ta wolna przestrzen jest duzo wieksza niz te 120 px...

wookieb

26.01.2009, 10:51:06

Fajnie by było gdybyś zapodal link do strony (jak masz na localu to wrzuc na zewnetrzny serwer) to zobaczymy. Bo chyba to wynika z czego innego.

leos

26.01.2009, 10:53:49

Wlasnie stronke mam na localu, do konca tygodnia postaram sie ja wystawic

Z czego moze wynikac ten blad?

Lion_87

26.01.2009, 10:53:55

Żle zrozumiałęm najpierw.
No to tu raczej tu nie ma błędu chyba że wsadzasz to w box który ma dłuuuuuuuuuuuuugą wysokość ale wątpię:P
Masz to gdzieś ? Link może?

leos

14.02.2009, 11:46:45

Witam,

Strona glowna wyglada juz ok, jednak na podstronach na ktorych jest dluzsza tresc stopka zatrzymuje sie u gory

Prosze o pomoc, oto link:

http://gera.pl/index.php?idTowar=13

Stopka jest zle interpretowana w IE7 jak to poprawic?

Pozdrawiam

erix

14.02.2009, 12:29:44

W Operze też zostaje w powietrzu.

Cytat

Stopka przesunela sie do dolu ale wolna przestrzen nadal pozostala

dodaj:

Kod

bottom: 0;

leos

14.02.2009, 12:38:52

Mialem juz bottom: 0px; Nic to nie zmienia ani w FF ani w Operze nie jest dobrze wyswietlane

erix

14.02.2009, 12:58:15

Kod

body
{ position: relative; height: 100%; }

#foot
{ position: absolute; bottom: 0; }

W Operze działa.

leos

14.02.2009, 13:19:50

Podmienilem style i stopka jest pod naglowkiem

erix

14.02.2009, 13:28:33

http://www.nopaste.pl/9oy

leos

15.02.2009, 09:24:37

Mimo tych modyfikacji css-a nadal cos jest nie tak

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.