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.

■

HTML, CSS, JavaScript, Ajax

csirip

CSS

janoszen · 2007. Feb. 5. (H), 20.36

Adj egy CSS html, body {height:100%} értéket neki.

A hozzászóláshoz regisztráció és belépés szükséges
új téma

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. :(

A hozzászóláshoz regisztráció és belépés szükséges
új téma

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

A hozzászóláshoz regisztráció és belépés szükséges
új téma

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%
}


body {
height: 100%
}

és

<table width="100%">
<thead>
.
.
.
<tbody style="overflow: auto;height: 100%;overflow-x: hidden;">


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

A hozzászóláshoz regisztráció és belépés szükséges
új téma

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.

A hozzászóláshoz regisztráció és belépés szükséges
új téma

heló

05storm26 · 2009. Nov. 27. (P), 23.41

Nekem is ez lenne a problémám esetleg mostmár tud valaki rá megoldást?

A hozzászóláshoz regisztráció és belépés szükséges
új téma

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 {
	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>


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

A hozzászóláshoz regisztráció és belépés szükséges
új téma

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!

A hozzászóláshoz regisztráció és belépés szükséges
új téma

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>

<!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>

A hozzászóláshoz regisztráció és belépés szükséges
új téma

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?

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Weblabor

Keresés