Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] Szerokość kolumny + scroll
Forum PHP.pl > Forum > Po stronie przeglądarki
KotWButach
Witam
Mam do was dziś takie pytanie zagadkę.

Dlaczego gdy dla kolumn ustawię WIDTH otrzymuje zawsze tabelkę na 100% okna lub scroll się nie włącza przy overflow-x: scroll;

Natomiast gdy daje MIN-WIDTH wszystko działa poprawnie. Problem polega na tym że gdy ustawie MIN szerokość kolumny nie może być mniejsza niż szerokośc tekstu w nagłówku.

Chciałbym operować wiec na WIDTH ale nie wiem jak sad.gif

  1. <tr>
  2. <th style="min-width: 2000px"><input type="checkbox" name="all" value="ON" /></th>
  3. <th style="width: 200px">Col a</th>
  4. <th style="width: 200px">Col b</th>
  5. <th style="width: 2000px">Col c</th>
  6. <th style="width: 200px">Col d</th>
  7. </tr>
  8. </thead>


  1.  
  2. /* table */
  3.  
  4. table {
  5. width:100%;
  6. overflow-x: scroll;
  7. table-layout: fixed;
  8. }
  9.  
bialko0019
Lepiej nie operować na tabelkach heheheh ;-)

A jeśli już to możesz sprówać również inaczej. Nadaj table by było wyświetlane jako element blockowy ( display: block; ), tr również, a komórki td ustaw jako display: inline-block i nadajesz procentowe wartości. Ładnie się skalują. Wtedy możesz operować dowolnie. Jeśli jest potrzeba, możesz użyć media queries w css by ustawić kilka break pointów by różnie te komórki przy różnych rozmiarach przeglądarki się stylowały i pokazywały wink.gif Mam nadzieję, że coś pomogłem ;-P
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.