Nakładanie się <div> na siebie przy mniejszych rozdzielczościach oraz height: auto nie działa

pytanie zadane 12 lutego 2018 w HTML i CSS przez Krzysztof Malcherczy Nowicjusz (200 p.)

Cześć,

Zaczynam swoją zabawę z HTML/CSS/JS i stworzyłem już drugą testową, taka tylko dla mnie stronę lecz mam kilka problemów.

Przy mniejszej rozdzielczości nakładają się na siebie <div> jak na SS poniżej

Drugi problem to brak możliwości dostosowywania się okienek z ofertą do wysokości strony pomimo ustawienia heigh "matki" i ustawienia każdego box'a na 33%. Aktualnie ustawione na 300px ale zmiana na % nie zmienia nic.

Liczę na Wasze wsparcie, link malcherczyk.com/12345

1	komentarz 12 lutego 2018 przez dervil Gaduła (3,030 p.) nie ma kodu więc strzelam w ciemno, spróbuj wszystkie div <div style="width:w procentach % nie w px;>

komentarz 12 lutego 2018 przez Krzysztof Malcherczy Nowicjusz (200 p.)

HTML
http://www.wklejto.pl/505293
CSS
http://www.wklejto.pl/505294

1	komentarz 12 lutego 2018 przez dervil Gaduła (3,030 p.) to na pewno divi nachodzą na siebie? a nie czasem zdjęcia które się nie zmniejszają z rozdzielczością? <img style="width:w procentach;">

komentarz 12 lutego 2018 przez Krzysztof Malcherczy Nowicjusz (200 p.)

Możliwe że problem nie leży po stronie <div> a po sekcji portfolio ale pojęcia nie mam co jest nie tak. Jeśli chodzi o zdjęcia to są responsywne i dostosowują się do wielkości ekranu.

2 odpowiedzi

odpowiedź 12 lutego 2018 przez arces Pasjonat (17,700 p.)

odpowiedź 12 lutego 2018 przez Krzysztof Malcherczy Nowicjusz (200 p.)

HTML

http://www.wklejto.pl/505293

CSS

http://www.wklejto.pl/505294

Jest to strona że wszystko na jednej stronie, nie robie float'em

komentarz 12 lutego 2018 przez arces Pasjonat (17,700 p.)

Której wersji BS używasz? Nie styluj po ID, nie nazywaj klas, np. box-left, box-right, bo to w każdej chwili może się zmienić. Tak samo nie rozumiem pisania:

<div class="col-lg-6 col-md-6 col-sm-12 col-12 box3-left">

bo można po prostu napisać

<div class="col-md-6 box3-left">

Równie dobrze właśnie tak niepoprawne pisanie może wpłynąć, na to że sypie Ci się układ w BS.

P.S.

Niech mnie ktoś poprawi, jeżeli się mylę.

komentarz 12 lutego 2018 przez Krzysztof Malcherczy Nowicjusz (200 p.)

Najnowszej 4.0

Nie styluj po ID? tak nie można czy się nie powinno?
dlaczego takich nazw klas nie mogę używać?

Dzięki za pomoc, poprawię i liczę że się ponownie wypowiesz.

komentarz 12 lutego 2018 przez arces Pasjonat (17,700 p.)

Nie styluje się po ID, bo to zły nawyk po prostu. Od tego są klasy, żeby stylować. ID się używa głównie do JSa.

Oczywiście, że takie klasy możesz użyć, ale po co, jeżeli mniejszą ilością kodu uzyskasz ten sam efekt? :) Jeżeli się nie pomyliłem tam wyżej (a raczej się nie pomyliłem), to powinieneś mieć dokładnie to samo, a kodu masz o wiele mniej (to był tylko jeden z nielicznych div'ów, gdzie używałeś niepotrzebnych klas).

Nie masz tego gdzieś w internecie, albo może wrzucić to na darmowy hosting bez reklam? W codepen.io nie mam obrazków źródłowych i nie mogę pomóc, a tak by było o wiele prościej pomóc, gdyby stronka gdzieś "stała".

komentarz 12 lutego 2018 przez maker3 Nowicjusz (220 p.)

To nie jest nic szkodliwego, po prostu style po ID są jednokrotnego użytku.

Teoretycznie stylowanie po ID może być milisekundy szybsze, ale przyjęło się, że nie jest to dostateczna zaleta, aby zrezygnować w wielokrotnego użycia kodu.