Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] Rozciągnięcie spanów na całą szerokość diva
Forum PHP.pl > Forum > Przedszkole
Maxik
Tak jak w temacie, chciałbym zmusić spany aby zachowywały się tak jak komórki tabeli, czyli rozciągały na całą szerokość diva(wiersza). Myślę, że kod jest tutaj zbędny bo wiadomo o co chodzi(<div><span></span><span></span><span></span></div>). Dodam, że ustalenie szerokości span na sztywno nie wchodzi w grę, chciałbym mieć też jakiś padding do spanów. Niestety width:100% dla diva nie pomaga. Proszę o jakieś wskazówki.
jmail
zamień spoany na divy i się wtedy baw. spany są do tego kiepskie pod FF
f1xer
Żeby rozciągnąć element span na całą szerokość diva to musiałbyś zrobić z niego element blokowy:
  1. span {
  2. display:block;
  3. width:70% /*procenty piksele cokolwiek innego */
  4. }

pytanie tylko po co? span to z natury element liniowy i takowym powinien pozostać. No chyba że chcesz uniknąć DIVITS ale nie ma co wtedy będziesz miał "SPANITS" smile.gif
Maxik
Chcę po prostu zrobić sobie zakładki. Były na tabelce, a ja wolę na divach. Mam 3 zakładki i chciałbym, żeby na przykład dostosowując padding były na całą szerokość diva.
f1xer
no to zrób display:block nie dawaj width tylko "rozpychaj" to paddingiem powinno zadziałać aczkolwiek ja bym użył listy do zakładek, ostatecznie divów
Maxik
Udało mi się. Rozwiązanie dla potomnych: dla div nadajemy display: table-row, dla spanów display: table-cell, paddingi boczne w px, szerokość procentowo. Działa w Operze 9.64, FF 3.5.1, IE8 i Chrome 3.0.195.6.
jmail
i spróbuj sobie tym operować w normalny sposób. jakieś position absolute i te sprawy.

div jest divem. Jak chcesz tabelę to wykorzystaj to co zostało do tego stworzone czyli tabela.
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.