[CSS] DIV lewy z IMG i prawy z MENU - responsywnie

Odpowiedz Nowy wątek
2019-02-19 18:17
0

Witam,

Proszę o pomoc.

Potrzebuję 2 DIV obok siebie, ale:

  • w lewym DIV mają być wyświetlane obrazki na całej szerokości DIV (rozciągać się i dostosowywać automatycznie swoją szerokość)
  • prawy DIV ma zawierać menu (załóżmy, że o stałej szerokości np. 300px (nie vw))

I teraz najważniejsze:

  • skalujemy okno przeglądarki (zmniejszamy je) to ten prawy DIV ma być widoczny możliwie jak najdłużej z lewym DIV w jednej linii (a nie wskakiwać od razu pod niego)
  • czyli lewy DIV ma automatycznie zmniejszać obrazki, ale prawy ma być nadal z prawej strony (nie pod nim) do momentu aż szerokość prawego DIV (założone 300px) będzie > od szerokości okna przeglądarki, wtedy ma wskoczyć na całą szerokość pod lewego DIV.

Wiem, że to dość skomplikowane, ale wierzę że ktoś z Was mi pomoże :)

Pozdrawiam

Pozostało 580 znaków

2019-02-20 14:40
0

Jeszcze zauważyłem jedną rzecz. Jak wstawimy w #lewy więcej niż 1 obrazek to #prawa schodzi pod spód.
Czyli jeżeli #lewy będzie na tyle wysoki/długi to menu i tak zejdzie na dół.

Można jeszcze jakoś ulepszyć ten kod na taką ewentualność?

Pozostało 580 znaków

2019-02-20 15:00
1

Zrób swoją wersję na http://jsfiddle.net i podeślij link. Tak będzie nam łatwiej, poza tym będziemy widzieli to samo, co Ty.


That game of life is hard to play
I'm gonna lose it anyway
The losing card I'll someday lay
So this is all I have to say

Pozostało 580 znaków

2019-02-20 17:41
0

Proszę: https://jsfiddle.net/afdLz8pq/2/

Pozostało 580 znaków

2019-02-20 18:08

Tak:

https://jsfiddle.net/rfmsnup3/

https://fiddle.jshell.net/rfmsnup3/show/


na smoka zawsze można liczyć :) - cerrato 2019-02-20 19:16
@cerrato: na chomika też :) - Freja Draco 2019-02-20 19:47
jakoś nie zauważyłem, żeby @somekind się udzielał w tematach okołowebmasteringowych ;) - cerrato 2019-02-20 20:15

Pozostało 580 znaków

2019-02-20 18:12
0

Mega! Dzięki!

Pozostało 580 znaków

2019-02-22 13:02
0

Panowie potrzebowałbym jeszcze 1 rzecz:

  • żeby Menu schodziło na dół jeżeli wysokość okna przeglądarki jest większa od jej szerokość

Proszę o pomoc :)

edytowany 2x, ostatnio: victos, 2019-02-22 13:21

Pozostało 580 znaków

2019-02-22 14:57
1

Patrz: aspect-ratio:
https://developer.mozilla.org[...]s/Web/CSS/@media/aspect-ratio


Pozostało 580 znaków

2019-02-22 16:14
0

Dzięki za podpowiedź, ale nie wiem jak to zastosować żeby uzyskać zamierzony efekt w swoim przykładzie :(

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0