Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP][HTML][CSS] jak usunac wolna przestrzen pod stopka
leos
post
Post #1





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 20.01.2008
Skąd: PL

Ostrzeżenie: (0%)
-----


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:

(IMG:http://images31.fotosik.pl/445/ba3715a4f4b4581d.jpg)

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

Ten post edytował leos 26.01.2009, 10:06:43
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
leos
post
Post #2





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 20.01.2008
Skąd: PL

Ostrzeżenie: (0%)
-----


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" />
        <!--[if lte IE 6]><link rel="stylesheet" href="libs/css/ie6.css" type="text/css" media="all" /><![endif]-->
        <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>
        <!-- koniec #baner -->
        <div id="menuTop">
     <ul>
         //tu jest menu
     </ul>

        </div>
        <!-- koniec #menuTop -->
    </div>
    <!-- koniec #header -->

    <div id="page">
 <div id="content">
        
        //tresc 
         
 </div>
 <!-- koniec #content -->
 <div id="sidebar">
     <div id="sidebar-content">
            
     </div>
     <div id="sidebar-bgbtm"></div>
 </div>
 <!-- end #sidebar -->
    </div>
    <!-- end #page -->
    <div id="footer">
        //stopka
    </div>
    <!-- end #footer -->
    </body>
</html>




Height:120px jest to wysokosc stopki.

Natomiast ta wolna przestrzen jest duzo wieksza niz te 120 px...
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 12.10.2025 - 00:13