 [CSS] - automatyczna szekosc diva |
| [CSS] - automatyczna szekosc diva |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 4 Pomógł: 0 Dołączył: 20.11.2014 Ostrzeżenie: (0%) 
 |
Wspomogę się obrazkiem
http://i.stack.imgur.com/KBNV0.jpg Kiedy zmieniam wielkość przeglądarki div CZERWONY i ZIELONY chowają się na dół i jest ok (co zrobić aby na dole były wyśrodkowane ?). Jednak CZARNY content nie wydluza sie na cala szekosc strony - czerwony krzyzyk... Macie jakis pomysl aby po zmniejszaniu okna content chowal sie do okreslonego rozmiaru, potem aby divy spadaly na dol, a jak spadna to content robil sie width:100%; czyli na cala pozostala szerokosc ? kod - http://jsfiddle.net/henrix343/BWRVk/27/ |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 324 Pomógł: 105 Dołączył: 7.08.2012 Ostrzeżenie: (0%)
|
Tzw. media query w CSS dla min-width i max-width.
|
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 4 Pomógł: 0 Dołączył: 20.11.2014 Ostrzeżenie: (0%)
|
No ok wiem z czym to sie je. tylko co tam wstawic aby to dzialalo ? - chodzi o sam CSS aby przejscie bylo plynne.
Ten post edytował henrix343 21.11.2014, 11:04:45 |
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 324 Pomógł: 105 Dołączył: 7.08.2012 Ostrzeżenie: (0%)
|
Dla konkretnych przedziałów rozdzielczości stylujesz divy dokładnie tak jak chcesz by wyglądały.
Dla największych rozdziałek czarny div to np. width 80%, czerwony i zielony po 20%. Dla niższej rozdzielczości czarny dostaje width 100%, a pozostałe np. margin: 0 auto, ogólnie tak są stylowane jak mają wyglądać. Innymi słowy to nic innego jak takie projektowanie layoutu za każdym razem innego zależnie od szerokości ekranu. Przykład, który dałeś w jsfiddle w ogóle nie wyświetla mi się tak jak na screenie, więc nie modyfikowałem. Pokombinuj sam. Podpatrz jak to działa w bootstrapie. |
|
|
|
Post
#5
|
|
 Grupa: Zarejestrowani Postów: 824 Pomógł: 106 Dołączył: 14.03.2012 Skąd: Warszawa Ostrzeżenie: (0%)
|
-------------------- |
|
|
|
|
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 4 Pomógł: 0 Dołączył: 20.11.2014 Ostrzeżenie: (0%)
|
@kreatiff - no tak panowie ale nawet z zastosowaniem @media nie moge wystylowac stronki.
@fate dodales tez max-width:350px do contentu, ktorego wlasnie chcialem uniknac. To lewa strona (BLACK) ma sie rozszerzac automatycznie do RED, GREEN. Ten post edytował henrix343 21.11.2014, 15:28:44 |
|
|
|
Post
#7
|
|
|
Grupa: Zarejestrowani Postów: 824 Pomógł: 106 Dołączył: 14.03.2012 Skąd: Warszawa Ostrzeżenie: (0%)
|
Gotowe + freestyle
http://jsfiddle.net/BWRVk/31/ i jeszcze po twojemu: http://jsfiddle.net/BWRVk/32/ Ten post edytował fate 21.11.2014, 21:24:33 -------------------- |
|
|
|
|
Post
#8
|
|
|
Grupa: Zarejestrowani Postów: 4 Pomógł: 0 Dołączył: 20.11.2014 Ostrzeżenie: (0%)
|
@fate, wow respekto. sprobuje u siebie tez dodac #side i zobacze czy pojdzie.
|
|
|
|
 |
|
Aktualny czas: 20.08.2025 - 21:06 |
