W dniu 18-08-2017 o 11:54, Jivanmukta pisze:
> W dniu 2017-08-18 o 11:39, Jivanmukta pisze:
>> W dniu 2017-08-18 o 13:21, Wojtek Gapiński pisze:
>>> W dniu 18-08-2017 o 10:11, Jivanmukta pisze:
>>>> Mam na stronie diva zawierającego trzy divy, które chciałbym
>>>> wyświetlać obok siebie. Z nieznanego mi powodu ostatni wyświetla się
>>>> poniżej dwóch poprzednich (które wyświetlają się prawidłowo, tzn. obok
>>>> siebie). Drugi div kończy się mniej więcej w połowie szerokości okna.
>>>>
>>> [...]
>>>> Proszę o podpowiedź co zrobić, żeby div.tip wyświetlał się z prawej
>>>> strony div.control, tzn. obok a nie pod.
>>>
>>> Stawiam, że nie mieści się na szerokość ten trzeci <div>, dlatego
>>> wyświetla się poniżej.
>>> Sprawdź szerokość elementu nadrzędnego (czyli <div
>>> id="property_pictures_field"> pamiętając o paddingach, a następnie
>>> zsumuj całkowite szerokości wszystkich trzech elementów wewnątrz niego
>>> (czyli div-y o klasach "label", "control" i "tip"). Całkowite, czyli z
>>> marginesami i paddingami. I zobacz, co jest większe.
>>>
>>> pozdrawiam
>>
>> Trzeci div (div.tip) zawiera tylko tekst. Jeśli skrócę tekst np. do
>> jednego wyrazu, to wyświetla mi się div.tip dobrze (z prawej strony).
>> Chciałbym, żeby mój tekst w div.tip został złamany na wielowierszowy i
>> wyświetlał się z prawej strony. Jak to zrobić?
>
> dodanie dla div.tip stylu "word-wrap: break-word;" nie pomaga

div będzie się rozciągał w zależności od zawartości. Możesz mu ustawić
stałą szerokość albo max-width. Ale jeśli strona ma być responsywna, to
musiałbyś to ułożyć inaczej, np. skorzystać z metody użytej w
bootstrapie albo podobnym frameworku.

Opcjonalnie możesz wstawiać znaki podziału wiersza w tekście - tam,
gdzie mają być zawijane wiersze, ale to raczej toporne rozwiązanie.

pozdrawiam
--
Wojtek Gapiński
http://www.phprogramista.pl