Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Problem z divem jednym pod drugim i height
degistivepl
post
Post #1





Grupa: Zarejestrowani
Postów: 13
Pomógł: 0
Dołączył: 5.04.2018

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

Cześć mam problem z elementami jeden pod drugim w CSS. 
[CSS] pobierz, plaintext 
  1. body {
  2.     margin: 0;
  3.     padding: 0;
  4.     font-family: sans-serif;
  5. }
  6. header {
  7.     background-color: red;
  8.     text-align: center;
  9.     padding: 20px;
  10.     width: 100%; 
  11. }
  12. aside {
  13.     background-color: #3b3b3b;
  14.     width: 200px;
  15.     position: absolute;
  16.     height: 100%;  
  17.  
  18. }
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. <body>
  2.         <header> 
  3.             <a href="#" class="link"><i class="fa fa-reorder"></i>Zamówienia</a>
  4.             <a href="#" class="link"><i class="fa fa-home"></i>Strona główna</a> 
  5.         </header>
  6.         <aside>
  7.         </aside>
  8.         <main> 
  9.         </main>
  10.         <footer>
  11.  
  12.         </footer>
  13.     </body>
[HTML] pobierz, plaintext

Problem w tym, że dodaje mi suwak na długość elementu header i nie potrafię sobie z tym poradzić.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
trueblue
post
Post #2





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

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

Ale jeśli treści w <aside> lub <main> będzie dużo to ma być suwak, tak? Jeśli tak, to poszukaj w Google pod hasłem: sticky footer.
Go to the top of the page
+Quote Post

Posty w temacie
- degistivepl   [CSS]Problem z divem jednym pod drugim i height   5.04.2018, 14:05:43
- - leonpro778   Problem jest w padding. Nie możesz sobie ustawiać ...   5.04.2018, 14:15:54
- - degistivepl   Usunęło dolny suwak, ten z boku nadal jest.   5.04.2018, 14:20:38
- - trueblue   <aside> ma 100% wysokości. Więc razem z ...   5.04.2018, 14:39:28
- - degistivepl   Wiem o tym, ale jak to zrobić z tym paddingiem w h...   5.04.2018, 14:42:02
- - trueblue   A jaki chcesz efekt osiągnąć?   5.04.2018, 14:43:23
- - degistivepl   No żeby nie dodawało suwaka po boku jeśli mam ten ...   5.04.2018, 14:47:34
- - trueblue   Ale jeśli treści w <aside> lub <main> ...   5.04.2018, 14:53:11
- - leonpro778   Cytat(degistivepl @ 5.04.2018, 15:05...   5.04.2018, 14:59:02
- - degistivepl   Chodzi o to, że chce u góry strony menu (header) i...   5.04.2018, 15:22:37
- - leonpro778   Zmieniłeś aside na fixed?   5.04.2018, 15:29:49

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 25.08.2025 - 07:37
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn