• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Problem z divami...

VPS Starter Arubacloud
0 głosów
101 wizyt
pytanie zadane 2 lutego 2020 w HTML i CSS przez What_RU_Doing Początkujący (310 p.)
Witam. Dopiero co zacząłem naukę HTML i CSS. Mam problem z divami. Otóż jeśli chodzi o szerokość containera to wszystko się wpasowuje. Natomiast jest przerwa pomiędzy footerem.
Nie umiem tego uregulować. Proszę o pomoc. Poniżej wstawiam kod.

<!DOCTYPE HTML5>
<html lang="pl">
 <head>
 <meta charset="UTF-8"/>
 <meta name="description" content="Strona pRóBnA"/>
 <meta name="keyworlds" content="Strona, Próbna, strona, próbna"/>
 <title> Strona </title>
 
 <style>
 #container
 {
 width: 1000px;
 margin-left: auto;
 margin-right: auto;
 }
 
 #logo
 {
 background-color: black;
 text-align: center;
 color: white;
 padding: 20px;
 }
 
 #nav
 {
 background-color: lightgray;
 min-height: 650px;
 float: left;
 width: 150px;
 padding: 10px;
 }
 #content
 {
 float: left;
 min-height: 650px;
 width: 620px;
 padding: 20px;
 }
 #ad
 {
 float: left;
 min-height: 650px;
 width: 150px;
 padding: 10px;
 background-color: lightgray;
 }
 #footer
 {
 clear: both;
 background-color: black;
 text-align: center;
 color: white;
 padding: 20px;
 }
 </style>
 </head>
 
 
 <body>
 <div id="container">
 
 <div id="logo">
 Moja Strona
 </div>
 
 <div id="nav">
 Moja <br />
 Strona <br />
 Próbna <br />
 </div>
 
 <div id="content">
 adsadasdsadasdsadsadsadsadsa
 </div>
 
 <div id="ad">
 </div>
 
 <div id="footer">
 Wszelkie prawa zastrzeżone!
  </div>
</div> 
 </body>
</html>

 

1 odpowiedź

0 głosów
odpowiedź 2 lutego 2020 przez Tomek Sochacki Ekspert (227,510 p.)
wybrane 2 lutego 2020 przez ScriptyChris
 
Najlepsza
Przed footerem masz przecież element div o id "ad", ktoremu nadajesz padding 10px z każdej strony, o ten odstęp Ci chodzi?
komentarz 2 lutego 2020 przez What_RU_Doing Początkujący (310 p.)

Nie, nie chodzi o padding. Pozostają wolne przestrzenie międzie innymi divami a divem "footer". Pomiędzy nimi jest odstęp. Powiedziałbym "biała linia" laugh

komentarz 2 lutego 2020 przez Tomek Sochacki Ekspert (227,510 p.)
no tej Panie, a patrzyłeś Ty w ogóle w devtoolsy i computed styles...? Div o id "content" ma padding-bottom na 20px, jak go usuniesz to odstęp znika... przeanalizuj na spokojnie devtoolsami co tam się dzieje i sam zobaczysz.
komentarz 2 lutego 2020 przez What_RU_Doing Początkujący (310 p.)
...
komentarz 2 lutego 2020 przez What_RU_Doing Początkujący (310 p.)

@Tomek Sochacki, ok dzięki już wszystko działa :) 

Podobne pytania

0 głosów
2 odpowiedzi 162 wizyt
pytanie zadane 21 lipca 2022 w HTML i CSS przez NetSavage Nowicjusz (120 p.)
+1 głos
4 odpowiedzi 224 wizyt
pytanie zadane 2 lutego 2021 w HTML i CSS przez kapsel5308 Początkujący (360 p.)
0 głosów
1 odpowiedź 395 wizyt

92,843 zapytań

141,782 odpowiedzi

320,858 komentarzy

62,174 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...