Forum Doku Wiki Blog

Forumsarchiv 2010, August
div table max-height wird in FF 3.6 ignoriert

archivierte Beiträge lesen

  1. (CSS) div table max-height wird in FF 3.6 ignoriert von murraene, 31. 08. 2010, 16:26

div table max-height wird in FF 3.6 ignoriert

Der folgende Beitrag wurde am 31. 08. 2010, 16:26 Uhr von murraene veröffentlicht.

hi,
ich bastle jetzt schon eine weile an einer tabelle herum, komm aber nicht weiter.

ich habe eine tabelle mit ergebnissen aus einer datenbank. aus design technischen gründen soll nicht das komplette browserfenster scrollen sondern nur der tabelleninhalt (header bleibt stehen). gut, das klappt soweit. jetzt ist das problem, wenn die suche nur 2 ergebnisse liefert sind die beiden tabellenzeilen elendlig hoch weil sie auf die komplette tabellenhöhe verteilt werden...

<table>
    <thead>
        <tr>
            <th>blablabla</th>
        </tr>
    </thead>
    <tbody style='overflow:auto;height:500px'>
for(...)
{
    echo "<tr>
            <td>ergebnistext</td>
         </tr>";
}
    </tbody>
</table>


mit max-height ist das problem bei 2 ergebnissen gelöst (zeilen haben die richtige höhe) aber wenn dann mal 100 ergebniszeilen da sind gehts drüber hinaus, weil max-height scheinbar ignoriert wird.

Fällt irgendwem was dazu ein?

div table max-height wird in FF 3.6 ignoriert

Der folgende Beitrag wurde am 31. 08. 2010, 17:02 Uhr von suit veröffentlicht.

> Fällt irgendwem was dazu ein?

table-layout oder overflow.

Ansonsten musst du schon mit etwas mehr rausrücken als mit etwa HTML wenn du ein CSS-Problem hast.

div table max-height wird in FF 3.6 ignoriert

Der folgende Beitrag wurde am 01. 09. 2010, 09:09 Uhr von murraene veröffentlicht.

> > Fällt irgendwem was dazu ein?
>
> table-layout oder overflow.
>
> Ansonsten musst du schon mit etwas mehr rausrücken als mit etwa HTML wenn du ein CSS-Problem hast.

bei dem bisschen html is auch ein bisschen css dabei. und viel mehr als das is es auch nicht.

div table max-height wird in FF 3.6 ignoriert

Der folgende Beitrag wurde am 31. 08. 2010, 17:49 Uhr von Gunnar Bittersmann veröffentlicht.

@@murraene:

nuqneH

> weil max-height scheinbar ignoriert wird.

Für tbody? Ja, scheinbar. Du kannst es dem Mozilla-Bugtracker melden.

> Fällt irgendwem was dazu ein?

Gib für Firefox 'height' an.

An 'overflow-x: hidden; overflow-y: scroll' hast du gedacht?

Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)

div table max-height wird in FF 3.6 ignoriert

Der folgende Beitrag wurde am 01. 09. 2010, 09:11 Uhr von murraene veröffentlicht.

> @@murraene:
>
> nuqneH
>
> > weil max-height scheinbar ignoriert wird.
>
> Für tbody? Ja, scheinbar. Du kannst es dem Mozilla-Bugtracker melden.
>
> > Fällt irgendwem was dazu ein?
>
> Gib für Firefox 'height' an.
>
> An 'overflow-x: hidden; overflow-y: scroll' hast du gedacht?

>
> Qapla'

nicht unbedingt, aber es hat den exakt identischen effekt wie overflow:auto

div table max-height wird in FF 3.6 ignoriert

Der folgende Beitrag wurde am 01. 09. 2010, 09:57 Uhr von suit veröffentlicht.

> > An 'overflow-x: hidden; overflow-y: scroll' hast du gedacht?
>
> nicht unbedingt, aber es hat den exakt identischen effekt wie overflow:auto

Du meinst: es führt zu demselben unerwünschten verhalten - anders aussehen sollte es sehrwohl (zumindest wenn es nicht notwendig ist zu scrollen).

div table max-height wird in FF 3.6 ignoriert

Der folgende Beitrag wurde am 01. 09. 2010, 11:17 Uhr von murraene veröffentlicht.

> Du meinst: es führt zu demselben unerwünschten verhalten - anders aussehen sollte es sehrwohl (zumindest wenn es nicht notwendig ist zu scrollen).

nein es sieht identisch aus. auch bei einer geringen anzahl von ergebnissen werden die zeilen in der höhe aufgelbäht...

div table max-height wird in FF 3.6 ignoriert

Der folgende Beitrag wurde am 01. 09. 2010, 12:48 Uhr von suit veröffentlicht.

> > Du meinst: es führt zu demselben unerwünschten verhalten - anders aussehen sollte es sehrwohl (zumindest wenn es nicht notwendig ist zu scrollen).
>
> nein es sieht identisch aus. auch bei einer geringen anzahl von ergebnissen werden die zeilen in der höhe aufgelbäht...

Das kann nicht sein - scroll forciert den scrollbar, auch wenn er nicht benötigt wird - auto zeigt ihn nur an, wenn er tatsächlich notwendig ist.

Oder bin ich gerade geistig umnachtet?

div table max-height wird in FF 3.6 ignoriert

Der folgende Beitrag wurde am 01. 09. 2010, 12:58 Uhr von murraene veröffentlicht.

> > > Du meinst: es führt zu demselben unerwünschten verhalten - anders aussehen sollte es sehrwohl (zumindest wenn es nicht notwendig ist zu scrollen).
> >
> > nein es sieht identisch aus. auch bei einer geringen anzahl von ergebnissen werden die zeilen in der höhe aufgelbäht...
>
> Das kann nicht sein - scroll forciert den scrollbar, auch wenn er nicht benötigt wird - auto zeigt ihn nur an, wenn er tatsächlich notwendig ist.
>
> Oder bin ich gerade geistig umnachtet?

Einverstanden, das identisch Aussehen war auf die Zeilenhöhe bezogen, was ja der Punkt ist, auf den es mir ankommt. Ob der Scrollbalken nun immer angezeigt wird oder nur wenn er gebraucht wird interessiert mich ehr weniger.

div table max-height wird in FF 3.6 ignoriert

Der folgende Beitrag wurde am 01. 09. 2010, 13:01 Uhr von suit veröffentlicht.

> Einverstanden, das identisch Aussehen war auf die Zeilenhöhe bezogen, was ja der Punkt ist, auf den es mir ankommt. Ob der Scrollbalken nun immer angezeigt wird oder nur wenn er gebraucht wird interessiert mich ehr weniger.

Jetzt hab' ich verstanden wie's gemeint war.

btw: warum gehst du Cheatahs Hinweis nicht nach - was ist, wenn du die display-Eigenschaft des tbody-Elements von der Voreinstellung table-row-group auf etwas anderes änderst?

div table max-height wird in FF 3.6 ignoriert

Der folgende Beitrag wurde am 31. 08. 2010, 21:41 Uhr von Cheatah veröffentlicht.

Hi,

> mit max-height ist das problem bei 2 ergebnissen gelöst (zeilen haben die richtige höhe) aber wenn dann mal 100 ergebniszeilen da sind gehts drüber hinaus, weil max-height scheinbar ignoriert wird.

http://www.w3.org/TR/css3-box/#min-max sagt dazu:

Name: max-width, max-height
[...]
Applies to: all elements but non-replaced inline elements, table rows, and row groups

Das klingt für mich zwar etwas dämlich (und war in CSS/2.1 auch noch anders beschrieben), ist aber offensichtlich in Firefox korrekt umgesetzt ...

Cheatah

--
X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4