Ergebnis 1 bis 6 von 6

Thema: scrollbare Tabelle (div - Problem mit Firefox)

  1. #1
    stani
    Gast

    Standard scrollbare Tabelle (div - Problem mit Firefox)

    Hallo

    ich habe ein Problem bei meinem Code für eine scrollbare Tabelle.
    Das Problem liegt darin, dass Firefox diese ignoriert. Mit Internet Explorer und Opera funktioniert der Code wunderbar. Ich hoffe jemand von Euch weiß warum und kann mir eine Lösung des Problems geben.

    Weiters:
    Höhe muss variabel bleiben (100%) - ich kann keine genaue Höhenangabe machen
    ohne FRAME, IFRAME, JavaScript

    Hier mal mein HTML-Code:
    Code:
    <table width="100%" height="200" border="1" cellpadding="0" cellspacing="0" style="table-layout&#58;fixed">
      <tr>
      	
        <td width="200" bgcolor="#FF0000">
    		<div style="position&#58;inherit; width&#58;100%; height&#58;100%; overflow&#58;auto">
    		<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" style="table-layout&#58;fixed;">
    		<tr>
    			<td>Franz jagt im komplett verwahrlosten 
            Taxi quer durch Bayern. Franz jagt im komplett verwahrlosten Taxi quer 
            durch Bayern. Franz jagt im komplett verwahrlosten Taxi quer durch Bayern. 
            Franz jagt im komplett verwahrlosten Taxi quer durch Bayern. Franz jagt 
            im komplett verwahrlosten Taxi quer durch Bayern Franz jagt im komplett 
            verwahrlosten Taxi quer durch Bayern. Franz jagt im komplett verwahrlosten 
            Taxi quer durch Bayern. Franz jagt im komplett verwahrlosten Taxi quer 
            durch Bayern. Franz jagt im komplett verwahrlosten Taxi quer durch Bayern. 
            Franz jagt im komplett verwahrlosten Taxi quer durch Bayern Franz jagt 
            im komplett verwahrlosten Taxi quer durch Bayern. Franz jagt im komplett 
            verwahrlosten Taxi quer durch Bayern. Franz jagt im komplett verwahrlosten 
            Taxi quer durch Bayern. Franz jagt im komplett verwahrlosten Taxi quer 
            durch Bayern. Franz jagt im komplett verwahrlosten Taxi quer durch Bayern </td>
    		</tr>
    		</table>
          	</div>
    	</td>
        <td bgcolor="#0000FF">die linke Spalte ist genau 200px breit und 200px hoch</td>
      </tr>
    </table>

    stani
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    a) machmal hinter dem overflow:auto noch einen ;

    b) hast ne url dazu ?
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    stani
    Gast

    Standard

    Hi,

    zu a) hab ich ausprobiert --> leider keine Änderung

    zu b) Seite läuft lokal


    wenn ich im Code
    Code:
    <div style="width&#58;100%; height&#58;100%; overflow&#58;auto">
    die height als fixen Wert Angebe (zB 200) dann funktioniert es auch im Firefox. Leider muss ich aber mit 100% arbeiten, da ich nicht weiß (und auch nicht vorher feststellen kann) wie viel Platz/Pixel ich brauche

  4. #4
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    warum packst du des ganze eigentlich noch in ne tabelle ?

    schreibs einfach so in den container, verzichte auf höhen angaben.
    der richtet sich schon selbst nach der länge des inhaltes aus...
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  5. #5
    stani
    Gast

    Standard

    Hi,

    also das ganze sieht so aus:

    Ich habe eine Webseite die aus einem Tabellengrundgerüst besteht. Diese Tabelle hat eine Höhe von 100%. Jetzt gibt es sozusagen einen HEAD, CONTENT und BOTTOM-Bereich. Der Bottom-Bereich hat eine Fixe höhe, der Head-Bereich ebenfalls, der Content bereich soll variabel sein. (das ist jetzt die ganz vereinfachte Variante wie die Seite aufgebaut ist)

    Der Text ist jetzt nur als dummy-text gedacht. Später sind dort dann mehre Inhalte (--> Tabelle) enthalten.

  6. #6
    Chaoty
    Gast

    Standard

    Späte Antwort für all die Googler, die auf diese Seite stoßen, so wie ich:

    Code:
    <table width="100%" height="200" border="1" cellpadding="0" cellspacing="0" style="table-layout&#58;fixed">
      <tr>
    
        <td width="200" bgcolor="#FF0000">
          <div style="position&#58;relative; width&#58;100%; height&#58;100%; overflow&#58;auto">
          <div  style="position&#58;absolute;">
          <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" style="table-layout&#58;fixed;">
          <tr>
            <td>
              Franz jagt im komplett verwahrlosten
              Taxi quer durch Bayern. Franz jagt im komplett verwahrlosten Taxi quer
              durch Bayern. Franz jagt im komplett verwahrlosten Taxi quer durch Bayern.
              Franz jagt im komplett verwahrlosten Taxi quer durch Bayern. Franz jagt
              im komplett verwahrlosten Taxi quer durch Bayern Franz jagt im komplett
              verwahrlosten Taxi quer durch Bayern. Franz jagt im komplett verwahrlosten
              Taxi quer durch Bayern. Franz jagt im komplett verwahrlosten Taxi quer
              durch Bayern. Franz jagt im komplett verwahrlosten Taxi quer durch Bayern.
              Franz jagt im komplett verwahrlosten Taxi quer durch Bayern Franz jagt
              im komplett verwahrlosten Taxi quer durch Bayern. Franz jagt im komplett
              verwahrlosten Taxi quer durch Bayern. Franz jagt im komplett verwahrlosten
              Taxi quer durch Bayern. Franz jagt im komplett verwahrlosten Taxi quer
              durch Bayern. Franz jagt im komplett verwahrlosten Taxi quer durch Bayern.
              Franz jagt im komplett verwahrlosten
            </td>
          </tr>
          </table>
          </div>
          </div>
       </td>
        <td bgcolor="#0000FF">die linke Spalte ist genau 200px breit und 200px hoch</td>
      </tr>
    </table>
    zusätzlich ein <div> verschachteln, das mit position:absolut gemessen zum nächsten Elternelement positioniert wird, welches nicht die Standardpositionierung static anwendet. Daher position:relativ (+/-0)[/code]

Ähnliche Themen

  1. Tabelle in Firefox verschoben
    Von Marzipanmann im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 17.10.2006, 13:07
  2. Scrollbare DIV im Firefox und Opera
    Von Glowbus im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 06.10.2006, 13:04
  3. Probleme mit Tabelle bei Firefox
    Von Michael87 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 03.09.2005, 18:15
  4. Scrollbare Zelle
    Von KissKCT im Forum HTML & CSS Forum
    Antworten: 11
    Letzter Beitrag: 03.02.2005, 14:30
  5. Problem mit Tabelle im IE, Firefox geht 1A
    Von MarkoH im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 27.01.2005, 19:13

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •