[CSS][HTML] Rozciągnięcie spanów na całą szerokość diva Opcje

[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:

[CSS] pobierz, plaintext 
span {
display:block;
width:70% /*procenty piksele cokolwiek innego */
}
[CSS] pobierz, plaintext 

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"

[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.