Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Height=100%
Forum PHP.pl > Forum > Po stronie przeglądarki
R@ven
28.12.2004, 23:52:37
Albo olewa 100% albo interpretuje zamiast 100 jakies 150.
Blad raczej w kodzie, bo ie i ff tak samo wyswietlaja ja.

[HTML] pobierz, plaintext 
  1. <body height=100%>
  2.  
  3. <div id="bg"><div id="center">
  4. <!-- div z top_*** odpowiada odpowiednio: logo, spam; info; menu -->
  5. <div class="top"></div><div class="top_logo">logo</div><div class="top_info">info</div><div class="top_menu">menu</div>
  6. <!-- end div z top_*** -->
  7.  
  8. <!-- menu lewe -->
  9. <div class="div_ml">
  10.  
  11. </div>
  12.  
  13. <!-- srodek -->
  14. <div class="div_ss">
  15. </div>
  16.  
  17. <!-- menu prawe -->
  18. <div class="div_mp">
  19.  
  20. </div>
  21.  
  22. </div></div>
  23. </body>
[HTML] pobierz, plaintext


Kod
<style type="text/css">
<!--
body {
    margin-top: 0px;
    background-image: url(images/phpbb_4x4.jpg);
    background-color: ##292929;
}
body,td,th {
    font-family: tahoma;
    font-size: 10px;
    color: #292929;
}
a {
    font-family: tahoma;
    font-size: 10px;
    color: #292929;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #292929;
}
a:hover {
    text-decoration: underline;
    color: #292929;
}
a:active {
    text-decoration: none;
    color: #292929;
}
#bg {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:400px;
    z-index:0;
    background-image: url(images/phpbb_bg.jpg);
    background-repeat: repeat-x;
    background-position: top;
}
#center {
    background-color: #00CC55;
    position:relative;
    top:18px;
    width:90%;
    height:100%;
    z-index:1;
    margin: 0px auto;
}
.top {
    background-image: url(images/phpbb_top_bg.jpg);
    background-repeat: repeat-x;
    width: 100%; height: 190px;
    position: absolute;
    z-index: 2;
}
.top_logo {
    background-image: url(images/phpbb_top_n1.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 115px;
    position: absolute;
    z-index: 2;
    background-position: right;
}
.top_info {
    background-image: url(images/phpbb_top_n2.jpg);
    background-repeat: no-repeat;
    background-position: right;
    width: 100%;
    height: 44px;
    position: relative;
    top: 115px;
    z-index: 2;
    color: #0C7CC2;
    text-decoration: none;
    text-align: right;
}
.top_menu {
    width: 100%;
    height: 44px;
    position: absolute;
    top: 159px;
    z-index: 2;
    color: #434343;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.div_ml {
    background-color: #F4F4F4;
    position:absolute;
    z-index: 3;
    top:200px;
    width:15%;
    height:100%;
    z-index:1;
    margin: auto;
    border: 1px solid #E7E7E7;
    left: 1%;
}
.div_ss {
    background-color: #EEEEEF;
    position:absolute;
    z-index: 3;
    top:200px;
    width:64%;
    height:100%;
    z-index:1;
    left: 18%;
    border: 1px solid #E5E5E5;
}
.div_mp {
    background-color: #F4F4F4;
    position:absolute;
    z-index: 1;
    top:200px;
    width:15%;
    height:100%;
    z-index:1;
    margin: auto;
    border: 1px solid #E7E7E7;
    left: 84%;
    visibility: visible;
}
-->
</style>


Podglad jest na http://ravenweb.org/strona/
Chce zmusic te zielone tlo aby konczylo sie ze oknem strony.
revyag
29.12.2004, 08:29:22
Problem jest taki, że mieszasz wartości procentowe z podawanymi w pikselach i do tego że jeszcze pozycjonujesz absolutnie. To jest problem. Albo zamień wszystko na procenty i zrezygnuj z pozycjonowania absolutnego, albo ustaw wszystko na sztywno, inaczej działać nie będzie sad.gif
mike
29.12.2004, 19:46:30
Cytat
<body height=100%>


A takie cuda to w specyfikacj są questionmark.gif
R@ven
29.12.2004, 19:50:22
Gdzie by nie bylo, bardzo mi to nie pomaga smile.gif
mike
29.12.2004, 19:56:34
Chodzi mi o to że tego NIE ma.
Czyli atrybut height w tagu body jest niedozwolony. Więc nie powinienes go próbować użyć.
cim
29.12.2004, 23:36:50
Cytat(mike_mech @ 2004-12-29 19:56:34)
Chodzi mi o to że tego NIE ma.
Czyli atrybut height w tagu body jest niedozwolony. Więc nie powinienes go próbować użyć.

nawet nie potrzeba - body raczej ma 100% możliwej powierzchni, ewentualnie można troche zmniejszyć dodając marginesy, ale height=100% jest zbędne ze względów logiki (przynajmiej mojej tongue.gif )
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.