Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: --- usunieto przez autora ---
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
lunter
25.07.2005, 12:38:40
--- usunieto przez autora ---
AcidBurnt
25.07.2005, 13:17:19
ja umie.

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <link rel="stylesheet" type="text/css" media="screen" href="s.css" />  
  4. </head>
  5. <body >
  6. <div id="main">
  7. 	<div id="a">asd</div>
  8.  
  9. 	<div id="c">asasdfd</div>
  10. </div>
  11. </body>
  12. </html>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. body{
  2. margin: 0;
  3. padding: 0;
  4.  
  5. }
  6.  
  7. #main{
  8. height: 100%;
  9. background:#636363;
  10. }
  11. #a {
  12. background: #363636;
  13. height: 100px;
  14. }
  15. #c {
  16. position: absolute;
  17. bottom: 0;
  18. background: #363636;
  19. height: 100px;
  20. width: 100%;
  21. }
[HTML] pobierz, plaintext
nospor
25.07.2005, 13:34:53
Ja przepraszam, że się wam tak wtrącam, ale wy używajcie odpowiedniego formatowania bbcode (dla html). Poprawcie swoje posty.

edit: dziękuję winksmiley.jpg
AcidBurnt
25.07.2005, 13:58:23
no dobra w tym przypadku sie poddaje, tzn Ja nie potrafie znalesc rozwiazania, ale raczej na 100% sie da, ja po prostu jeszcze nie znam wszystko mozliwosc xhtml + css smile.gif
kwiateusz
26.07.2005, 00:11:58 
[HTML] pobierz, plaintext 
  1. <!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl-PL" lang="pl-PL">
  3. <head>
  4. <style>
  5. body{
  6. margin: 0;
  7. padding: 0;
  8.  
  9. }
  10.  
  11. #main{
  12. height: 100%;
  13. background:#636363;
  14. }
  15. #a {
  16. background: #363636;
  17. height: 100px;
  18. }
  19. #b
  20. {
  21. height: 100px;
  22. background: white;
  23. }
  24. #c {
  25. bottom: 0;
  26. background: #363636;
  27. height: 100px;
  28. width: 100%;
  29. }
  30. </style>
  31. </head>	
  32. <html>
  33. <body >
  34. <div id="main">
  35. <div id="a">asd</div>
  36. <div id="b">lol</div>
  37. <div id="c">asasdfd</div>
  38. </div>
  39. </body>
  40. </html>
  41. </html>
[HTML] pobierz, plaintext


o cos takiego chodzi questionmark.gif bo jest pozno i moge nie rozumiec pytania tongue.gif
kwiateusz
26.07.2005, 09:06:50
w kodzie ktory ty pokazales przynajmniej mi stopka pokazuje sie zaraz pod trescia a nie na samym dole strony ...
revyag
26.07.2005, 09:41:42
Tu link do arta rozwiązującego ten problem : klik
Dodałem pare rzeczy do tego kodu, no i to chyba jest to:
Kod
* {
    margin:0;
    padding:0;
}

body, html {
    height: 100%
}

#wrapper {
    min-height: 100%;
    width: 100%;
    background-color:#efefef;
}

* html #wrapper {
    height: 100%
}

#header {
    background-color: #ff6600;
    height: 100px
}

#content {
    background-color: transparent;
    padding-bottom: 60px
}

#footer {
    height: 50px;
    width: 100%;
    margin-top: -50px;
    background-color: #003366;
}

[HTML] pobierz, plaintext 
  1. <div id="wrapper">
  2.         <div id="header"></div>
  3.         <div id="content"></div>
  4.     </div>
  5.     <div id="footer"></div>
[HTML] pobierz, plaintext
Sh4dow
26.07.2005, 10:01:00
przykro mi ale ten kawalek
Cytat
min-height: 100%;

Nie przejdzie na zadnym IE
revyag
26.07.2005, 10:11:45
Cytat(Sh4dow @ 2005-07-26 10:01:00)
przykro mi ale ten kawalek
Cytat
min-height: 100%;

Nie przejdzie na zadnym IE

Ten kawałek jest dodany z myślą o przeglądarkach innych niż IE snitch.gif Zresztą jakbyś sprawdził ten kod zobaczyłbyś że na ie,ff i operze działa bez zarzutu.
matid
26.07.2005, 10:58:41
Nie wiem, czy dokładnie taki efekt da się osiągnąć bez różnych hacków i z 100% walidującym się kodem. To jeden ze sposobów nie do końca zgodny ze standardami, ale powinien działać w 95% przeglądarek winksmiley.jpg

http://matid.emmatrade.pl/files/footer1.html
http://matid.emmatrade.pl/files/footer2.html
kwiateusz
26.07.2005, 12:57:59
kod @revyag wg. mnie spelnia wymagania autora tematu
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.