Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]div-y w poziomie
Forum PHP.pl > Forum > Przedszkole
hobibit
Witam.
Mam następujący problem:
chce umieścić div-y o stałej wysokości (600px) obok siebie w jednej linii

Teraz tak: da się to uzyskać przez float:left
  1. <div style="float:left;height:100px;"><div>
  2. <div style="float:left;height:100px;"><div>
  3. <div style="float:left;height:100px;"><div>
  4. <div style="float:left;height:100px;"><div>


Jednak jeśli tych divów będzie bardzo dużo to będąsię znajdowały nie w jednej linii tylko w kolumnie. Żeby temu zaradzić trzeba stworzyć nadrzędny div i nadać mu szerokość.
  1. <div style="width:1000px;">
  2. <div style="float:left;height:100px;"><div>
  3. <div style="float:left;height:100px;"><div>
  4. <div style="float:left;height:100px;"><div>
  5. <div style="float:left;height:100px;"><div>
  6. <div>

Jednak jeśli nie znam szerokości divów które włożę do tego nadrzędnego, ani nie znam ich ilości to nie mogę określić jak szeroki powinien być ten nadrzędny div. Jeśli dam za mało to divy będą w 2 lub więcej rzędach, jeśli za dużo to okno przeglądarki za bardzo rozciągnie się w bok i będzie 'pusta przestrzeń'.
A co jeśli ilość tych divów będzie się zmieniać, i ich szerokość będzie się zmieniać. Wtedy ustalanie na sztywno nic nie da.

Czy jest jakiś sposób żeby to dobrze zrobić?
Nie chce używać javascriptu
zbychoCom
Jeśli kod HTML będzie parsowany za pomocą php, to mógłbyś właśnie w pliku php wyliczyć szerokość diva. Jeśli chcesz dodawać czysty HTML to nie zapomnij o zmianie szerokości nadrzędnego diva. Innego rozwiązania nie widzę
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.