[PHP] Rozciąganie diva w poziomie

0

Witam
Mam następujący problem, chciałbym wykonać galerię w dośc nietypowy sposób. Mam obrazki które mają taką samą wysokość w związku z tym, chciałbym ustawić je jeden obok drugiego tak, żeby strona rozciągneła się w poziomie tak, żeby do przeglądania służył pasek przewijania strony w poziomie.

Problem polega na tym, że gdy wrzucam zdjęcia, obok siebie, to gdy zbliżam się do końca strony to zamiast rozciągać stronę w prawo to zdjęcia zawijają się i wyświetlają w linii poniżej.

Od razu dodam, że nie jest to problem "spacji" ponieważ kod został napisany tak, że nie ma tam żadnej spacji pomiędzy "><img src" w związku z czym zdjęcia nie powinny się zawijać. Problem polega na tym że div nie chce się rozciągać.

Budowa wygląda tak, że mam jeden div dajmy na to "kontener" a w środku divy: "lewy", "srodek" i "prawy" gdzie divy lewy i prawy mają w tle zaokrąglenia tak żeby całośc wyglądała jak ramka, zaś di środek zawiera zdjęcia oraz powtarzające się tło tak żeby całość tworzyła ładą całość.

Czy ma ktoś pomysł jak zrobić żeby całośc się rozszerzałą a nie dostosywała do szerokości ekranu?

Przeszukałem google i forum ale wszyscy opisują tylko temat pionowego rozciągania divów, nie zaś poziomego.

Z góry dzięki

0

Jeden obraz zastępuje wiele słów...

Jednym ze sposobów jest ustawianie szerokości tego diva na podstawie sumy szerokości obrazków, czyli bez JS się nie obejdzie, a także dodanie właściwości overflow-x : scroll, co zadziała w nowych przeglądarkach i będziesz miał dolnego scrolla.

Innym bardziej oczywistym rozwiązaniem jest nie wstawianie pojemnika z grafiką do pojemnika kontenera, takie zachowanie jak piszesz jest naturalne przecież, umieść galerię na osobnej stronie lub np. poniżej głównego pojemnika.

0

Niestety, wywaliłem kontener ale to nic nie daje. Dodanie suwaka tez nie działa. Ustawiłem szerokość ręcznie na 2000 px ,div się rozciągnął, jednak na stronie nie pojawił się suwak tylko obcięło zdjęcia. ;/

0

A nie możesz ustalić stałej wysokości div-a i dać overflow: scroll a jak umieści się max ilość zdjęć w poziomie to dajesz nowy div z odpowiednią class-ą (w PHP)

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