[TomekABC123]

Mam sobie jednego diva i w nim dwa kolejne, i ta dwa div maja po 300px szerokosci a ten glowny 600, wszystkie marginesy itp na 0 sa, ale jak chce je polozyc obok siebie to dziala dopiero jak temu glownemu dam 604px, przy mniej ustawia sie na dole

I tego jeszcze bardziej nie ogarniam, jak juz mam te 604 to jest tak jak na skrinie, ta pusta luka zaznaczona strzalkami i w konsoli firefoxa pokazuje sie literka "o"

Moze wiecie skad ona sie bierze, i czemu przy 600px sie obok siebie nie ustawiaja
Cały kod jest na skrinie

#css #html #javascript #programowanie #firefox #webdev

[Melcma]

@TomekABC123: display: inline--block i float: left

[Vladimir_Kotkov]

@TomekABC123 ale taguj #divyzwykopem ( ͡° ͜ʖ ͡°)

[Melcma]

@TomekABC123: bo pomiedzy divami masz whitespace ktore ma swoje kilka px, mozna to naprawic dajac font-size: 0 albo nie zostawiajac miejsca pomiedzy divami np albo komentarz pomiedzy divami np

[TomekABC123]

@Melcma: te whitespacy skad sie biora? to jakies domyslne ustawienia przegladarki?
I da sie ta jakos w tym uniwerslanym selekotrze usunac?

[Melcma]

@TomekABC123: tak, nie

[TomekABC123]

@Melcma: a to tylko meidzy divami wystepuje czy w innych elementach tez?

[b3rly]

@TomekABC123: jak się uczysz to ogarnij od razu 'nowoczesne' podejście ( ͡° ͜ʖ ͡°)
http://cssgridgarden.com
http://flexbox.help

[TomekABC123]

@b3rly: co do tych flexow i gridow? ich uzywa sie juz w jakichs przecietnych firmach czy raczej tylko tych najbardziej nowoczesnych?
I co trzeba zrobic zeby wtedy to dzialalo na tych starych przegladarkach?

[fermentka]

@TomekABC123: fornt end dev here i ja tez bym chciala :/ trzeba pewnie zajrzec do dokumentacji html i css

Z moich obserwacji wynika, ze dwa elementy beda do siebie przylegaly jesli:
a) dasz im display: block lub inline-block, ale koniecznie z float: left
b) beda ustawione w kodzi w jednej linijcie: ab

Jesli jest bez float i w oddzielnych linijkach to miedzy nimi pojawia sie widmo luka na 2px...

[b3rly]

@TomekABC123: mało kto jeszcze tego nie używa ( ͡° ͜ʖ ͡°)
żeby działało na wszystkim trzeba niestety osobny layout kodować, ale zobacz sam jaki to jest promil rynku
https://caniuse.com/#search=css%20grid

[fermentka]

@TomekABC123: i jeszcze tutaj masz kilka rozwiazan + proba wyjasnienia zjawiska

https://css-tricks.com/fighting-the-space-between-inline-block-elements/

[L.....e]

@b3rly: floaty to staroć, flexbox to standard a grid powoli wchodzi ;)

[Wyrazisty]

@TomekABC123: Jak byk masz wrzucone 'o' między divami w HTMLu i zamiast spokojnie przejrzeć te 4 linie kodu to pytasz na wykopie (╯°□°）╯︵ ┻━┻

[Wyrazisty]

@TomekABC123: Ustaw je obok siebie w jednej linii:

``

Poza tym przenieś CSS do osobnego pliku i nie styluj nigdy po ID tylko po klasach (.klasa zamiast #id). Dodatkowo wartości zerowe (margin: 0px); podawaj bez jednostek (margin: 0;).

[TomekABC123]

@Wyrazisty: no juz tak zrobilem
przeniose przy jakims projekcie jak bede robil, narazie sie po prostu bawie i testuje jak niektore rzeczy dzialaja

[NuncjuszPapieski]

@TomekABC123 nie wiem czy znalazłeś rozwiązanie, ale spróbuj ustawić na contenerze font-size: 0; i ewentualnie usunąć z niego display inline block. Miałem kiedyś podobna sytuację i to zadziałało.