[Wyrewolwerowanyrewolwer]

Mirki poratuje ktoś szybkim pomocnym czymś o do #frontend #css ? Błagam, ja prawdziwie błagam. Zaraz mnie p---------a strzeli przez babranie się w tym zbrodniarzu internetowym.
Doczytałem, że używanie floatów jest fuj i sam widzę, że robi to to więcej problemów niż ich rozwiązuje.
To może teraz ktoś poratuje jak ustawić 2 divy obok siebie z czego razem mają szerokość 100% bez używania float?

#ratujciemirki #ratujta #frontend #tragedia #css #html #wincyjtaguf

[rbielawski]

@Wyrewolwerowanyrewolwer: a ci z floatami nie pasi?

[mesrs123]

@Wyrewolwerowanyrewolwer: pierwszy na width: 50% i drugi width: 50% display: inline-block w obu

[N.....k]

@Wyrewolwerowanyrewolwer: 100% to 100% kontenera, jak chcesz zrobić w 100cm dwie rzeczy 100cmetrowe ? ( ͡° ͜ʖ ͡°)

[rbielawski]

@mesrs123: nie zabangla bez kombinacji.

[mesrs123]

@Wyrewolwerowanyrewolwer: floaty sa dobre jak umiesz ich uzywac

[zajeli-wszystkie-loginy]

@Wyrewolwerowanyrewolwer: czemu floaty sa fuj? moze position relative/absolute

[rbielawski]

@NieTakiCebulak:

z czego razem

[mesrs123]

@rbielawski: czemu jezeli ma jaki kolwiek kontener a chce umiescic w nim dwa divy po 50% szerokosci to to wystarczy

[Wyrewolwerowanyrewolwer]

@mesrs123: Właśnie w tym problem, że nie bangla i robi się schodek (znaczy drugi div jest niżej niż ten pierwsziejszy).
@NieTakiCebulak: No shit man.
Parent ma powiedzmy szerokość 85% całego okna, w nim pracuję już na 100% więc lewy div dostaje 15%, prawy 85% i mają być obok siebie. A nie są bez floata.

[mesrs123]

@Wyrewolwerowanyrewolwer: a display: inline-block na obu jest ?

[N.....k]

@Wyrewolwerowanyrewolwer:

css:

ul

[rbielawski]

@Wyrewolwerowanyrewolwer: http://codepen.io/rbielawski/pen/YyOOQy

[N.....k]

@rbielawski: ciekawe podejście. ( ͡° ͜ʖ ͡°) plus za to

[z--x]

@Wyrewolwerowanyrewolwer: a display: inline-block na obu jest ?

@mesrs123: Białe znaki w kodzie mu psują.

@Wyrewolwerowanyrewolwer: Poczytaj o flexbox.

[zajeli-wszystkie-loginy]

@Wyrewolwerowanyrewolwer: moze masz paddingi albo bordery ustawione a to zawsze jakies dodatkowe pixele. Jak dajesz 100% to tak naprawde masz 100%+ dodatki, sprawdz calc()

[rbielawski]

@NieTakiCebulak: Nie, nie, nie. Nie inline-block!

[Wyrewolwerowanyrewolwer]

@mesrs123: Jest. Z tym, że post pisałem raczej żeby dostać inne pro-tipy.
Typu: w headerze mam jeden obrazek i 2 teksty (h1 i h2). Jak mogę je wypozycjonować żeby obrazek był po lewej, a teksty po prawej? Jak daję floatem, to obrazki są obok siebie zamiast pod sobą. Jak dodaję linię to rozjeżdża się cały kontener. Wot technika ( ͡° ͜ʖ ͡°)

@

[rbielawski]

Eh.

Między elementami inline-block są przerwy, jeśli w htmlu jest jakikolwiek whitespace między tagami. Można albo wrzucać je w jednej linii, albo pisać tak:

- xxx
- yyy

[rbielawski]

@Wyrewolwerowanyrewolwer: Nie bardzo wiem, o co ci chodzi.

[N.....k]

@rbielawski: float: left na li I TO NIE JEST FUJ