Forum PHP.pl > Rozciąganie szablonu na całą wyskość

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Rozciąganie szablonu na całą wyskość

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

silverwind

2.05.2017, 19:24:34

Chce żeby layout rozciągał się na całą rozdzielczości wysokości lecz jest jeden problem gdy się nie mieści w rozdzielczości to mi go ucina.

[HTML] pobierz, plaintext 
<body>
<div class="container-fluid">
<div class="row">
          <div class="col-md-10 col-md-offset-2  col-sm-9 col-sm-offset-3 mainSite">
            <div class="frameTop"> </div>
            <div class="main">
              <div id="myCarousel" class="carousel slide " data-ride="carousel"> </div>
               <div class="col-xs-12 text"></div>
                <h1 class="center"></h1>
                <div class="col-xs-12 center"></div>
           </div>
</div>
</div>
</body>
[HTML] pobierz, plaintext

[CSS] pobierz, plaintext 
tml,body,.container-fluid,.row, . mainSite,   {
   height :100%;
 
}
.frameTop{
 
height:5%;
}
.main{
height:95%;
[CSS] pobierz, plaintext

Kam1k

5.06.2017, 14:53:50

Pierw ustal sobie jakiś content strony, to powinno Ci w jakimś stopniu pomóc, bo z tego co widzę masz tyle bloków, nie wiem po co

a ten kod CSS to jest do totalnej naprawy

[HTML] pobierz, plaintext 
#content {
 width: 70% /* Szerokość strony */
 height: 100% /* Wysokość strony, ewentualnie wpisz auto */
 position: relative 
}
[HTML] pobierz, plaintext

Umieść sobie to po <body>
Przykład

[HTML] pobierz, plaintext 
<html>
<head>
...
</head>
<body>
<div id='content'>
...
</div>
</body>
</html>
[HTML] pobierz, plaintext

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.