inline-block ? table-cell - Wersja do druku

inline-block ? table-cell - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: inline-block ? table-cell (/thread-inline-block-table-cell)

inline-block ? table-cell - camelrafal - 24-04-2012

potrzebuje ułożyć obok siebie kilka div'ów w jednej linijce(syn corka) które należa do diva matki
gdy ustawie syna i corke jako table-cell - nie mam marginesu
gdy ustawie jako inline-block mam białe znaki między divami
chce mieć kontrole nad marginesami czy to lewym czy to prawym (syna i córki) i brak białych znaków pomiędzy

[Obrazek: zrzut.jpg]

Kod:
<div id="matka" style="width:400px; background:black; display:block;">

<div id="syn" style="display:inline-block; width:180px; height:100px; margin:0px; padding:0px; background:red;"> </div> 

<div id="corka" style="display:inline-block; width:180px; height:100px; margin:0px; padding:0px; background:red;"> </div> 

</div>

RE: inline-block ? table-cell - camelrafal - 24-04-2012

znalazłem jeszcze inny sposób
trzeba dodać do matki

Kod:
letter-spacing:-4px;

i/lub

Kod:
word-spacing: -4px;

albo

Kod:
font-size:0;

mission complete

RE: inline-block ? table-cell - Kartofelek - 24-04-2012

nie prawda. Nic takiego nie trzeba dodawać. Chyba tylko starocie IE czytało białe znaki i to nie zawsze.
Ogólnie to co robiłeś jest jak najbardziej poprawne. Musiałeś coś gdzieś indziej sknocić.
Sposób kornela też jest ok, chociaż tam przydał by się clearfix albo overflow:hidden dla mamusi.