[html|css] strona zawsze do konca dolnej... ... krawędzi

       

Podstrony


telcocafe

witam
chcę żeby strona zawsze dosiegala do konca dolnej krawedzi ekranu
da sie to jako¶ zrobić? :)

kod html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>OTS Zone</title> <link rel=STYLESHEET href="styles.css" type="text/css" /> </head> <body> <div id="page"> <div class="logo_bg"> <div class="logo"> Logo </div> </div> <div class="tresc"> <div class="menu"> LOl </div> <div class="content"> lol2 </div> <div class="footer"> Copyright 2007 &copy;<br />Szablon by PiKey </div> </div> </div> </body> </html>

style:
body { color: black; font-family : Verdana; font-size : 11px; text-decoration : none; margin-top: 0px; margin-bottom: 0px; text-align: center; } #page { display: inline; } .logo_bg { padding-top: 0px; margin: 0 auto; color: #FFFFFF; text-align: left; background: url(strona.gif); background-repeat: no-repeat; height: 243px; width: 890px; } .logo { padding-top: 25px; padding-left: 125px; color: #FFFFFF: } .content { text-align: left; background-color: #FFFFFF; width: 550px; margin-left: 500px; } .menu { float: left; text-align: left; background-color: #dcdcdc; padding-left: 5px; margin-left: 197px; width: 280px; } .footer { padding-top: 0px; margin: 0 auto; color: #FFFFFF; text-align: left; background: url(footer.gif); background-repeat: no-repeat; height: 80px; width: 890px; }
Użytkownik PiKey edytował ten post 09 marzec 2007, 18:03


Jakiemu¶ głównemu div'owi dajesz height:100%.


Jakiemu¶ głównemu div'owi dajesz height:100%.

nie działa mi to ;/
ale co tam mam inny problem

chodzi o to ze jezeli menu ma więcej tresci niz tresc strony to menu wchodzi na stopkę
co z tym zrobić?

index
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>OTS Zone</title> <link rel=STYLESHEET href="styles.css" type="text/css" /> </head> <body> <div id="page"> <div class="logo_bg"> <div class="logo"> Logo </div> </div> <div class="menu"> LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br />LOl<br /> </div> <div class="content"> lol2 </div> <div class="footer"> Copyright 2007 &copy;<br />Szablon by PiKey </div> </div> </body> </html>

style
body { color: black; font-family : Verdana; font-size : 11px; text-decoration : none; margin-top: 0px; margin-bottom: 0px; text-align: center; } #page { background-color: white; } .logo_bg { padding-top: 0px; margin: 0 auto; color: #FFFFFF; text-align: left; background: url(strona.gif); background-repeat: no-repeat; height: 243px; width: 890px; } .logo { padding-top: 25px; padding-left: 125px; color: #FFFFFF: } .content { text-align: left; background-color: white; width: 550px; margin-left: 500px; } .menu { float: left; text-align: left; background-color: #dcdcdc; padding-left: 5px; margin-left: 188px; width: 280px; } .footer { font-weight: bold; background-color: #000000; padding: 10px; margin: 0 auto; color: #FFFFFF; text-align: left; width: 833px; }

zrób pod menu pare razy <br>
Użytkownik logu¶ edytował ten post 09 marzec 2007, 20:10


Strona musi być dłusza niż rozmiar okna :P I już. Aha, musisz ustawić dolny margines na zero :P

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.