Jak wiecie jest kilka sposobów na wyśrodkowanie div'ów. Najpowszechniejszym z nich jest ustawienie marginesów bocznych na "automatyczne" dopasowanie. Niestety, jeżeli wewnątrz tego wyśrodkowanego diva stworzymy np. 2 divy, który chcielibyśmy ustawić koło siebie (float) to niestety wysokość tego "wyśrodkowanego diva" nie będzie rosła wraz ze wzrostem div'ów wewnętrznych. Mam nadzieje, że do tej mniej więcej rozumiecie o co mi chodzi
Postanowiłem więc skorzystać z innej metody ustawiania div'ów koło siebie (oblewania - float). Ustawiłem więc tym "wewnętrznym" div'om display:inline-block. Wszystko ładnie, div'y wyświetlają się koło siebie, ale jest jedno ALE.
Problemem jest odstęp stworzony przez białe znaki. Problem ten znika, gdy w kodzie umieszczę div'y bezpośrednio po sobie, jednak z powodów estetycznych wstawiam ENTER, przez co występuje odstęp.
Tak wygląda aktualnie mój kod:
HTML:
<!-- KONTENT START --> <div id="kontent-center"> <!-- FACEBOOK--> <div id="facebook"></div> <!-- INFORMACJE --> <div id="info"></div> </div> <!-- KONTENT END -->CSS:
#kontent-center {width:1000px;height:auto;margin:0 auto;white-space:normal;background:yellow;} #facebook {width:600px;height:100px;background:#116db0;display:inline-block} #info {width:300px;height:100px;background:#116db0;display:inline-block}Efekt: http://s1.pokazywark...430/6764969.jpg (jakość ze względu na hosting ;/)
Jak już wspomniałem, gdy ustawie elementy bezpośrednio po sobie ten 'defekt' znika
html:
<!-- KONTENT START --> <div id="kontent-center"> <!-- FACEBOOK--> <div id="facebook"></div><div id="info"></div> </div> <!-- KONTENT END -->Efekt: http://s1.pokazywark...430/6764972.jpg
Niby wiele nie trzeba, aby naprawić ten problem, jednak wolę mieć estetyczny kod. Próbowałem white-space:nowrap,letter-padding:0, word-padding:0 jednak nie pomogło.
Tu się rodzi pytanie do Was koledzy webmasterzy, jak zniwelować generowanie białych znaków ?
Pozdrawiam.
Edited by Ryuu, 05.04.2013 21:55.