Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Div width
Szymoneks12
post
Post #1





Grupa: Zarejestrowani
Postów: 67
Pomógł: 1
Dołączył: 31.03.2010

Ostrzeżenie: (10%)
X----


Mam diva w divie.

Div nr.1 (główny) ma w sobie diva nr.2.


No i div nr. 1 ma height 100% i width 65%. Jest on wyśrodkowany.

Div nr.2 ma 50% height i 100% width. Ma on scrolla pionowego.

Tyle że scroll nie działa, a strona się wydłuża. Co robię źle?

--------------------------------------------------------------------------------------------

Kod:

HTML:

  1. <div class="strona">
  2. BLABLABLA
  3.  
  4. <div id="wyborprezentu">
  5. BLABLABLA
  6. </div>
  7.  
  8. BLABLABLA
  9. </div>


CSS:
  1. div.strona {
  2.  
  3. background-color: yellow;
  4. border: 5px ridge;
  5. border-color: #000000;
  6. margin-left: auto;
  7. margin-right: auto;
  8. width: 65%;
  9. height: 100%;
  10.  
  11. }
  12.  
  13. div#wyborprezentu {
  14.  
  15. overflow: auto;
  16. height: 50%;
  17. border: 5px ridge;
  18. border-color: #333333;
  19.  
  20. }

Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
malminiart
post
Post #2





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 16.05.2009
Skąd: GB

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


pojawiaja sie dwa zablokowane scroll'e bo zawartosc nie wymaga jeszcze scrollowania (IMG:style_emoticons/default/snitch.gif)

co do height: 100% to dziala tylko jezeli parent zagniezdzonego div'a ma okreslona wysokosc... bez tego nie wie jaka ona jest (tak po krotce)

oto rozwiazanie

Kod
<style type="text/css">
html, body {               /*<<<<<<<<<<<<<<<<<<< dodanie height:100% do sekcji body i html */
height: 100%;
}

div.strona {

    background-color: yellow;
    border: 5px ridge;
    border-color: #000000;
    margin-left: auto;
    margin-right: auto;
    width:  80%;
    height:100%;

}

div#wyborprezentu {

    overflow: auto;
    height: 30%;
    width: 80%;
    border: 5px ridge;
    margin:0px auto;
    border-color: #333333;

}
</style>

</head>
<body>
<div class="strona">
DIV 80% szerokosci i  100% wysokosci

                 <div id="wyborprezentu">
                           DIV 80% szerokosci rodzica i 30% wysokosci rodzica
                  </div>


</div>
</body>
</html>
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: 10.10.2025 - 20:42