Forum PHP.pl

Witam forumowiczów,

Od paru dni myślę jak zrobić slidebox (może nie nad samym kodem w JS tak myślę jak nad kodem CSS, a opieram się o stronę SoundCloud), mianowicie chodzi mi o zrobienie slidebox'a który bez względu na szerokość strony zawsze będzie rozciągnięty na całość czyli:

[CSS] pobierz, plaintext 
.slidebox
{
width: 100%;
height: 400px;
background: url('tlo.jpg') no-repeat;
background-size: cover;
background-position: 50% 50%;
}
[CSS] pobierz, plaintext 

Wszystko fajnie śmiga, tło jest ładnie rozciągnięte na całą szerokość niezależnie od powiększenia strony w przeglądarce.. problem pojawia się gdy chcę dodać do tego div'a kolejne slide'y, nie mieszczą się w tym divie i idą pod spód tego zamiast obok...
Patrzę w źródło kodu na soudcloud i nie mogę się ogarnąć w nim... ;/

dodam że chciałbym uniknąć coś w stylu:

[CSS] pobierz, plaintext 
 
.slidebox .slide
{
width: 10000px;
}
[CSS] pobierz, plaintext 

i po prostu wtedy do tego pakować slide'y...

Z góry dziękuje za wszelką pomoc

Ten post edytował plastus321 16.12.2013, 19:31:49

Czemu chciałbyś uniknąć? Częsta praktyka i nie słyszałem (jeszcze?), żeby była zła.

http://css-tricks.com/css-media-queries/


poczytaj o bootstrap do responsywnych stron.

to co Ci potrzebne jeśli rozumiem to i tak media-queries żebyś mógł manipulować wyglądem elementów w różnych rozdzielczościach.

Damonsson dobrze mówi, element Twój na 100%; musi być ustawiony jeśli zawsze chcesz go mieć rozciągniętego.


ewentualnie revolution slider -> responsywny.