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

question-closed wysokość diva się nie zmienia

Object Storage Arubacloud
+1 głos
384 wizyt
pytanie zadane 8 czerwca 2015 w HTML i CSS przez Pan Kulomb Pasjonat (18,630 p.)
zamknięte 8 czerwca 2015 przez Pan Kulomb
        <div class="imgPrzed"> <img src="../img/img0.jpg" /> </div>
        <div class="imgPo"> <img src="../img/img1.jpg" /> </div>
        <div class="clear"></div>

        <div class="imgPrzed"> <img src="../img/img0.jpg" /> </div>
        <div class="imgPo"> <img src="../img/img1.jpg" /> </div>
        <div class="clear"></div>

        <div class="imgPrzed"> <img src="../img/img0.jpg" /> </div>
        <div class="imgPo"> <img src="../img/img1.jpg" /> </div>
        <div class="clear"></div>

Obrazki te wychodzą poza wnętrze diva, w którym się znajdują. CSS tamtego diva:

#content {
  width: 950px;
  box-shadow: 0 0 32px #00FFFF;
  padding-top: 50px;
  padding-bottom: 25px;
  background-color: #111111;
}

Dlaczego tak się dzieje?

Oto CSS innych elementów:

img {
  width: 400px;
  height: 225px;
  margin: 25px;
}

.imgPrzed {
  float: left;
}

.imgPo {
  float: right;
}

.clear {
  clear: both;
}

Problem rozwiązany, pomiędzy był inny div z ustaloną wysokością :D

 

komentarz zamknięcia: Problem rozwiązany, pomiędzy był inny div z ustaloną wysokością :D

3 odpowiedzi

+1 głos
odpowiedź 8 czerwca 2015 przez HaKIM Szeryf (87,590 p.)
Za mało informacji... Daj kod css klas .imgPrzed, .imgPo oraz .clear
komentarz 8 czerwca 2015 przez Pan Kulomb Pasjonat (18,630 p.)
zmodyfikowałem
0 głosów
odpowiedź 8 czerwca 2015 przez testerius Pasjonat (23,960 p.)
Wrzuć reszte kodu, bo to co wstawiłeś daje taki efekt: http://codepen.io/anon/pen/jPmKgo czyli chyba działa... hmm?

Tutaj masz podobny przykład, być może mój kod ci pomoże (kiedyś wrzucałem go gdzieś na forum) http://codepen.io/testerius/pen/xGxyqR
komentarz 8 czerwca 2015 przez Pan Kulomb Pasjonat (18,630 p.)
nie uwzględniłeś css
komentarz 8 czerwca 2015 przez testerius Pasjonat (23,960 p.)
Edytowałeś wpis kiedy wrzuciłem kod.
komentarz 8 czerwca 2015 przez testerius Pasjonat (23,960 p.)
komentarz 8 czerwca 2015 przez Pan Kulomb Pasjonat (18,630 p.)
znowu się spóźniłeś :D problem rozwiązany, a wszystko przez moją nieuwagę :D
komentarz 8 czerwca 2015 przez testerius Pasjonat (23,960 p.)
Nom, na przyszłość uważniej sprawdzaj kod, bo czasami dochodzi do sytuacji, że po założeniu tematu odnajdujesz rozwiązanie. Nie śpiesz się to nie wyścig.
komentarz 8 czerwca 2015 przez Pan Kulomb Pasjonat (18,630 p.)
Akurat do 21 mam stronę zrobić, wątpię abym zdążył, bo ciągle mam niedziałający skrypt js
komentarz 8 czerwca 2015 przez testerius Pasjonat (23,960 p.)
To współczuję, ale może dasz rade. ;D
komentarz 8 czerwca 2015 przez Pan Kulomb Pasjonat (18,630 p.)
Kurde przedwczoraj potrafiłem przymajmniej zobaczyć jakieś rezultaty jego działań. Teraz chyba w ogóle się nie odpala.
0 głosów
odpowiedź 8 czerwca 2015 przez Comandeer Guru (601,590 p.)

Dla obrazków max-width: 100% - to zeskaluje je do wielkości rodzica.

I ogólnie warto poczytać  o overflow

Podobne pytania

0 głosów
4 odpowiedzi 285 wizyt
0 głosów
1 odpowiedź 91 wizyt
pytanie zadane 19 marca 2019 w HTML i CSS przez podgorowicz Początkujący (340 p.)
0 głosów
0 odpowiedzi 157 wizyt
pytanie zadane 24 marca 2021 w Offtop przez TOWaD Mądrala (6,000 p.)

92,579 zapytań

141,432 odpowiedzi

319,664 komentarzy

61,964 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.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...