Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] div wychodzący poza inny div
slash^
post 31.03.2015, 14:17:31
Post #1





Grupa: Zarejestrowani
Postów: 278
Pomógł: 36
Dołączył: 9.04.2003
Skąd: Płock

Ostrzeżenie: (0%)
-----


Mam taki przypadek:
http://jsfiddle.net/vbxh0mr5/

Potrzebuję aby div #b nie rozciągał elementu #a ani #m, żeby pokazał się w całości i "nachodził" na el #c jak to najprościej wykonać?


--------------------
d(^^)b
Go to the top of the page
+Quote Post
b4rt3kk
post 31.03.2015, 14:23:52
Post #2





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

Ostrzeżenie: (0%)
-----


Cytat(slash^ @ 31.03.2015, 15:17:31 ) *
Mam taki przypadek:
http://jsfiddle.net/vbxh0mr5/

Potrzebuję aby div #b nie rozciągał elementu #a ani #m, żeby pokazał się w całości i "nachodził" na el #c jak to najprościej wykonać?


Najprościej to dla a position: relative oraz overflow: visible, a dla b position absolute.


--------------------
Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.
Go to the top of the page
+Quote Post
slash^
post 31.03.2015, 14:45:09
Post #3





Grupa: Zarejestrowani
Postów: 278
Pomógł: 36
Dołączył: 9.04.2003
Skąd: Płock

Ostrzeżenie: (0%)
-----


Faktycznie, w ten sposób działa, ale nie przedstawiłem problemu w pełni

Jeszcze raz kod:
http://jsfiddle.net/vbxh0mr5/1/

Chciałbym aby div #b był jakby "zawsze na wierzchu" nie zależnie od pozycji wewnętrznego scrolla.


--------------------
d(^^)b
Go to the top of the page
+Quote Post
b4rt3kk
post 31.03.2015, 15:00:27
Post #4





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

Ostrzeżenie: (0%)
-----


Cytat(slash^ @ 31.03.2015, 15:45:09 ) *
Faktycznie, w ten sposób działa, ale nie przedstawiłem problemu w pełni

Jeszcze raz kod:
http://jsfiddle.net/vbxh0mr5/1/

Chciałbym aby div #b był jakby "zawsze na wierzchu" nie zależnie od pozycji wewnętrznego scrolla.


I nie powiedziałeś, że a ma się zawsze scrollować? Dołóż więc w takim przypadku div, który będzie kontenerem (tej samej wielkości co a i a ma się w nim znajdować), z pozycją relative i umieść c w tym kontenerze.

Coś takiego?
https://jsfiddle.net/vbxh0mr5/1/

Ten post edytował b4rt3kk 31.03.2015, 15:02:36


--------------------
Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.
Go to the top of the page
+Quote Post
slash^
post 31.03.2015, 15:07:03
Post #5





Grupa: Zarejestrowani
Postów: 278
Pomógł: 36
Dołączył: 9.04.2003
Skąd: Płock

Ostrzeżenie: (0%)
-----


Możesz jakoś lepiej wyjaśnić, lub wrzucić właściwy link do fiddle?


--------------------
d(^^)b
Go to the top of the page
+Quote Post
b4rt3kk
post 31.03.2015, 15:11:13
Post #6





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

Ostrzeżenie: (0%)
-----


Cytat(slash^ @ 31.03.2015, 16:07:03 ) *
Możesz jakoś lepiej wyjaśnić, lub wrzucić właściwy link do fiddle?


Przepraszam, prawidłowy link tutaj:
https://jsfiddle.net/vbxh0mr5/2/


--------------------
Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.
Go to the top of the page
+Quote Post
slash^
post 31.03.2015, 15:12:48
Post #7





Grupa: Zarejestrowani
Postów: 278
Pomógł: 36
Dołączył: 9.04.2003
Skąd: Płock

Ostrzeżenie: (0%)
-----


Teraz #b ma efekt jakby position: fixed, a chciałbym aby przesuwał się razem ze scrollem sad.gif


--------------------
d(^^)b
Go to the top of the page
+Quote Post
b4rt3kk
post 31.03.2015, 17:01:28
Post #8





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

Ostrzeżenie: (0%)
-----


Cytat(slash^ @ 31.03.2015, 16:12:48 ) *
Teraz #b ma efekt jakby position: fixed, a chciałbym aby przesuwał się razem ze scrollem sad.gif


Nie sądzę, by było to możliwe przy użyciu samego css.


--------------------
Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.
Go to the top of the page
+Quote Post
slash^
post 31.03.2015, 18:13:37
Post #9





Grupa: Zarejestrowani
Postów: 278
Pomógł: 36
Dołączył: 9.04.2003
Skąd: Płock

Ostrzeżenie: (0%)
-----


A inny sposób? js? jak?


--------------------
d(^^)b
Go to the top of the page
+Quote Post
trueblue
post 1.04.2015, 08:03:21
Post #10





Grupa: Zarejestrowani
Postów: 6 799
Pomógł: 1827
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


https://jsfiddle.net/vbxh0mr5/5/


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 13.06.2025 - 05:08