divy - jak zablokować aby nie przechodziły pod spód

[pafeu]

jak zablokować divy aby przy otwieraniu strony w mniejszej rozdzielczości albo w pomniejszonym oknie przeglądarki nie przechodziły pod spód

chciałbym aby zostały przeskalowane razem ze stroną, przyblokowane - mogłyby schować się z prawej strony

zadowoliłoby mnie takie rozwiązanie aby powiększały w dół szare tło, na którym są umieszczone a cała treść poniżej zostałaby automatycznie obniżona

chodzi mi o te trzy okienka po prawej na górze na tej stronie

[bold]

Musisz znaleźć element odpowiedzialny za wyświetlanie tła, na którym są wyświetlane te okienka i zmodyfikować (usunąć) wartość height tak, aby dopasowywała się do zawartości. To powinno pomóc.

[pafeu]

... zmodyfikować (usunąć) wartość height tak, aby dopasowywała się do zawartości. To powinno pomóc.

pomogło ale ładnie byłoby jakby przeniesione divy przylkejały się do prawej strony

zaznaczę, że divy mają już float: right

jak to zrobić?

[bold]

Spróbuj dać text-align:right

[pafeu]

Spróbuj dać text-align:right

niestety nie pomogło

[bold]

Najlepiej więc zrobić tak: dać diva z floatem:right obejmującego te okienka, a to po lewej (tytuł strony, itd.) dać w diva z floatem:left - wszystko w tym głównym kontenerze, kitórego height zmieniałeś.

[fz21z]

jak zablokować divy aby przy otwieraniu strony w mniejszej rozdzielczości albo w pomniejszonym oknie przeglądarki nie przechodziły pod spód

chciałbym aby zostały przeskalowane razem ze stroną, przyblokowane - mogłyby schować się z prawej strony

zadowoliłoby mnie takie rozwiązanie aby powiększały w dół szare tło, na którym są umieszczone a cała treść poniżej zostałaby automatycznie obniżona

chodzi mi o te trzy okienka po prawej na górze na tej stronie

Nie wiem czy dobrze Cie zrozumialem ale sprobuj dac clera: both; dla jakiegos bloku ponizej tych divow ktore maja byc na swoim miejscu np:

<div style="width: 200px; background: red; float: left;">tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc </div>
<div style="width: 200px; background: green; float: left;">tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc </div>
<div style="clear: both;">wspornik</div>

[pafeu]

już działa tak jak powinno ale nie do końca

a mianowicie

jak okno przeglądarki jest wąskie to elementy z prawej strony do pewnego momentu wchodzą pod element z prawej strony i dopiero po jeszcze większym zwężeniu okna przeglądarki przechodzą niżej

jak zrobić aby nie wchodziły pod spód tylko odrazu przechodziły niżej ?

mam nadzieję, że nie zamieszałem - wygląda to tak https://pracaforyou.pl aby zobrazować proszę pomniejszyć okno przeglądarki

[gszesiek]

Ale masz syf w kodzie :/

Jak posprzątasz będzie łatwiej Ci pomóc - sam też pewnie zobaczysz, że masz dużo błędów (np. wielkości bez jednostek)

[pafeu]

na ten "syf" to ja nie mam wpływu bo on sam się tak generuje

w związku z tym powtórzę swoją prośbę

jak okno przeglądarki jest wąskie to elementy z prawej strony do pewnego momentu wchodzą pod element z lewej strony i dopiero po jeszcze większym zwężeniu okna przeglądarki przechodzą niżej

jak zrobić aby nie wchodziły pod spód tylko odrazu przechodziły niżej ?

mam nadzieję, że nie zamieszałem - wygląda to tak https://pracaforyou.pl aby zobrazować proszę pomniejszyć okno przeglądarki