Komentarze do: Wskazówka – Rozciąganie elementów blokowych na 100% szerokości, wewnątrz elementów z marginesem wewnętrznym

Autor: eliano

eliano — Tue, 04 Aug 2015 09:44:00 +0000

nie rozumiem, dlaczego nie zrobić po prostu padding:0; ??

Autor: Mr.Mr

Mr.Mr — Sun, 07 Dec 2014 22:02:00 +0000

W odpowiedzi do sssssssss. Ogólnie tak, ale wyobraźmy sobie sytuację, że do istniejącej strony dochodzi nowy element. Przewidywany wygląd jest taki, że rozciąga się na całą kolumne prawego sidebara... a w sidebarze padding... Taka prosta sztuczka jest przydatna do załatwiania spraw, które inaczej mogłyby oznaczać niepotrzebne rozgrzebywanie całego layoutu.

Autor: sssssssss

sssssssss — Sun, 07 Dec 2014 14:19:00 +0000

kto w ogóle używa ujemnych marginesów, zasada jest taka żeby starać się projektować interfejs by nie używać ujemnych wartości

Autor: Nicu

Nicu — Tue, 07 Oct 2014 09:54:00 +0000

http://css-tricks.com/box-sizing/

Autor: hhshs

hhshs — Mon, 22 Sep 2014 11:41:00 +0000

W odpowiedzi do Mr.Mr. A no tak. Nie doczytałem i z tego to zamiaszanie. :( Pozdrawiam.

Autor: Mr.Mr

Mr.Mr — Mon, 22 Sep 2014 09:03:00 +0000

W odpowiedzi do hhshs. "Minusowy margines rozciągnie .sidebar_event tak aby zajmował 100% rodzica. Pamiętajmy jednak by nie nadawać szerokości elementowi .sidebar_event – element blokowy sam rozciągnie się na 100% dostępnego miejsca." Chodzi o to, że width:100% trzeba zastąpić margin: 0 -20px;

Autor: hhshs

hhshs — Mon, 22 Sep 2014 08:26:00 +0000

W odpowiedzi do Mr.Mr. Wszystko mam jak w przykładzie.

Autor: Mr.Mr

Mr.Mr — Sun, 21 Sep 2014 20:03:00 +0000

W odpowiedzi do garmi. a masz w .sidebar_event coś takiego: width:100%; ?

Autor: garmi

garmi — Sun, 21 Sep 2014 08:19:00 +0000

W odpowiedzi do Mr.Mr. Niestety... Po dodaniu ujemnego marginesu .sidebar_event nie rozciąga mi się, lecz zostawia buste miejsce (40px) po prawej stronie :/

Autor: Mr.Mr

Mr.Mr — Sun, 21 Sep 2014 07:25:00 +0000

W odpowiedzi do garmi. Dlaczego?

Autor: garmi

garmi — Sat, 20 Sep 2014 20:06:00 +0000

.sidebar_event powinien mieć chyba padding: 0 20px;