Forum PHP.pl > [HTML] Ustawienie strony.

Pomoc - Szukaj - Użytkownicy - Kalendarz

michalch123

20.05.2012, 00:26:34

Mam taki mały problem techniczny.
Mamy 2 divy- jeden nad drugim.
Jak ustawić parametry div'a bądź ewentualnie tabelki aby pierwszy div miał wysokość równą ekranowi użytkownika a drugi zaczął się idealnie pod ekranem?

________________
| |
| |
| |
| |
| div1 |
|_______________|Tutaj kończy się ekran.
| |Aby to zobaczyć trzeba przewinąć stronę
| |
| |
| |
| div 2
| |
| |
| |
| |
|_______________|

Dziękuję

mhw

20.05.2012, 08:17:51

Można to zrobić używając JS, podobny temat był na forum.
Przykładowy kod:

[HTML] pobierz, plaintext 
<!DOCTYPE HTML>
<html>
    <head>
        <title> aaa</title>
        <script type="text/javascript">
            window.onload = function () {
                if (parseInt(navigator.appVersion)>3) {
                    if (navigator.appName=="Netscape") {
                        winW = window.innerWidth;
                        winH = window.innerHeight;
                    }
                if (navigator.appName.indexOf("Microsoft")!=-1) {
                    winW = document.body.offsetWidth;
                    winH = document.body.offsetHeight;
                }
                }
 
                 a = document.getElementById("a");
                 a.style.height = winH + 'px';
 
            }
 
        </script>
        <style type="text/css">
            div#a {
                width: 500px;
                background-color: red;
            }
 
            div#b {
                width: 500px;
                height: 100px;
                background-color: yellow;
            }
 
 
        </style>
    </head>
    <body>
        <div id="a">abc</div>
        <div id="b">def</div>
 
    </body>
</html>
[HTML] pobierz, plaintext

michalch123

20.05.2012, 09:35:54

o to chodziło

dziękuję

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.