ugrás a tartalomhoz

html table tbody overflow: auto és height probléma

kiru · 2007. Feb. 5. (H), 20.09
Sziasztok!

Adott egy táblázat amiben a fejléc megmarad és a tbody scrollozik.Ez idáig ok is.

A problémám azonban, hogy fix height értéket kell neki adnom és ezt szeretném dinamikusan megoldani, hogy különböző felbontásnál is a browser aljáig legyen a tábla. Számomra a legyeszerűbbnek egy height: 100% tűnt, de ez nem nyert.

Van erre valami egyszerű megoldás lehetőleg JS nélkül?
Vagy ha csak JS-el megy akkor az is érdekel.

Előre is köszi a válaszokat.
‹ Előzetes JavaS képbetöltés: Firefoxban nem jó CSS - DIV középre, eltolással. ›
 ■
1

CSS

janoszen · 2007. Feb. 5. (H), 20.36
Adj egy CSS html, body {height:100%} értéket neki.
2

body height

kiru · 2007. Feb. 5. (H), 20.55
próbáltam, sajna nincs rá hatással. Túlcsorog a lap alján ha több sor van a táblában mint ami kifér és az egész lapot scrollozza. :(
4

Túlcsordulás

janoszen · 2007. Feb. 6. (K), 00.16
Tyű Te... milyen dizájnt csinálsz?

Tipp: százalékos méretben add meg a táblázat cellák méretét és alkalmazz overflow:scroll-t...
5

túlcsordulás

kiru · 2007. Feb. 6. (K), 10.35
Ezt hogy gondolod?

Minden egyes cellának külön adjak méretet???

Én a táblát adatbázis lekérések eredményének a listázásához használom.
Tehát változó mennyiségű sorok lehetnek a táblában

Jelenleg tahát:

body {
height: 100%
}
és 

<table width="100%">
<thead>
.
.
.
<tbody style="overflow: auto;height: 100%;overflow-x: hidden;">
van megadva stílusként.

Ha a tbodynál 100% helyett pixelben adom meg akkor müxik egyébként nem.
3

body height

kiru · 2007. Feb. 5. (H), 21.01
Jah az még elfelejtettem írni, hogy FF 2.0.0.1-el próbálom.
6

heló

05storm26 · 2009. Nov. 27. (P), 23.41
Nekem is ez lenne a problémám esetleg mostmár tud valaki rá megoldást?
7

kevés az infó!!!

errata · 2009. Nov. 29. (V), 17.25
kevés infót adtál meg,
- csak táblázat van vagy más is, az oldalon
- az oldal mindig 100 magasságú lesz?

amúgy meg kis trükk:

body {
	width: 100%
	height: 100%;
}


#page {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


<body>
	<div id="page" >
		ez a tartalom a böngészőben átméretezés után is "faltól-falig" fog tartani!
	</div>
</body>
8

Nekem is a table height a

Kérésre törölve 18. · 2011. Feb. 10. (Cs), 23.48
Nekem is a table height a problémám, és már nem tudom mit próbáljak ki.

Van egy 3 soros táblázatom és azt akartam, hogy a felső sor legyen 3 px magas, az alatta lévő kettő pedig 20-20.

De hiába állítom a magasságot ilyen kicsire, 19px-nél kisebb méretet már nem jelenít meg a böngésző.

Eredetileg Dreamweaver-ben húzogattam a dolgot, ott akadt meg ennél az értéknél, aztán manuálisan írtam a kódot, de semmi.

Mintha törvény lenne, hogy nem lehet 19px-nél alacsonyabb egy sor.

Azért akarom, mert a felsőt egy léniának használnám egy aláíráshoz, ami az e-mailjaimban lenne, ezért a táblázat, hogy ezek együtt maradjanak.

Próbáltam érték nélküli táblázat magasságot is, és azt is, hogy értéket adtam meg, illetve százalékosan.

Nem akar kisebb lenni.

Már megőrülök komolyan!
9

sor magasság

Poetro · 2011. Feb. 11. (P), 00.06
Nem lehet hogy a sorok magassága 19px? Mondjuk ha a sorok magasságát kisebbre vennéd, a betűk méretével együtt, akkor működne. Eredetileg erre találták ki a spacer image-eket. De egyébként nem is értem miért akarsz 3px magas sorokat? Abban semmi hasznos tartalom nem igazán fér el.

Jah, és ez egy 2009-es téma. Lehet hogy már nem is olvassák?

Bár nekem enélkül is teljesen tökéletesen működik.
<!DOCTYPE html>
<html>
<head>
  <title>Page Title</title>
  <style type="text/css">
    .minimal {
      height: 3px;
      background: red;
    }
  </style>
</head>
<body>
  <table>
    <tbody>
      <tr class="minimal">
        <td colspan="3"></td>
      </tr>
      <tr>
        <td>Something</td>
        <td>about</td>
        <td>the music</td>
      </tr>
      <tr>
        <td>she always</td>
        <td>makes</td>
        <td>me dance</td>
      </tr>
    </tbody>
  </table>
</body>
</html>
10

Mondom, azért akarok 3 px

Kérésre törölve 18. · 2011. Feb. 11. (P), 02.01
Mondom, azért akarok 3 px magas sort, mert léniának akarom használni.

Nem 19px, a kódban írtam be a végén és az is van a kódban, hogy 3px.

És azért táblázatosan, hogy együtt tartsa a szöveget, mivel a levelezőkben olvasva az így elkészített aláírást, nem akarom, hogy esetleg szétszabdalódjon.

Amit írsz az biztos működik, de csak html kódokat képes a Thunderbird befogadni aláírásnak.

Igen, 2009-es téma, rendes akartam lenni, hogy nem nyitok új témát, ezért rákerestem.

Mindenhol más a szokás, itt új témát kellett volna nyitnom?