Bredog: Probleme mit FF bei integrierten Div-Boxen in eine Tabelle

SELF-Forum

Probleme mit FF bei integrierten Div-Boxen in eine Tabelle

Bredog
– Informationen zu den Bewertungsregeln

Hi Leute,

habe ein richtig schönes Problem mit Firefox in Verbindung mit integrierten Div-Boxen in einer Tabelle. Im Internet Explorer funktioniert es einwandfrei. Ich möchte gerne, dass sich die Div-Boxen (mit Scrollbar) bei der Veränderung der Fenstergröße entsprechend zusammenschieben, ohne das sich die Tabelle beim Firefox über das Fenster hinausgeschoben wird! Für eine gute Lösung wäre ich euch sehr dankbar :))

Beispiel-Code:

---------------------------

<!doctype html public "-//w3c//dtd html 4.01 transitional//en">

<html>

<head>

<title></title>
  <meta http-equiv="cache-control" content="no-cache">
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="content-type" content="text/html;charset=UTF-8">

<style type="text/css">
  <!--

body
  {
   font:normal 11px Tahoma,Arial;
   color:#000; background-color:#fff;
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
   overflow-x:hidden;
   overflow-y:hidden;
  }

table
  {
   border-collapse:collapse;
   backgrounrd-color:#fff;
   border:0px;
   padding:0px 0px 0px 0px;
  }

td
  {
   font:normal 11px Tahoma,Arial;
   color:#000;
   backgrounrd-color:#fff;
   vertical-align:top;
   white-space:nowrap;
   padding:0px 0px 0px 0px;
  }

div.box
  {
   height: 100%;
   width: 100%;
   overflow-y: scroll;
   background-color: #bbb;
  }

//-->
  </style>

</head>

<body>

<table width="100%" height="100%">
   <tr>
    <td width="100%" height="50%">
     <div class="box">
      Content<br>
      Content<br>
      Content<br>
      Content<br>
      Content<br>
      Content<br>
      Content<br>
      Content<br>
     </div>
    </td>
   </tr>
   <tr>
    <td width="100%" height="50%">
     <div class="box">
      Content<br>
      Content<br>
      Content<br>
      Content<br>
      Content<br>
      Content<br>
      Content<br>
      Content<br>
     </div>
    </td>
   </tr>
  </table>

</body>

</html>

---------------------------

Vielen Dank
Bredog

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Probleme mit FF bei integrierten Div-Boxen in eine Tabelle

    MudGuard Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    <!doctype html public "-//w3c//dtd html 4.01 transitional//en">

    Hast Du es stattdessen mal mit einem richtigen Doctype probiert (Groß-/Kleinschreibung ist NICHT egal).

    div.box
    {
      height: 100%;

    Ist für irgendein Vorfahrenelement eine nicht-prozentuale Höhe gesetzt?

    <table width="100%" height="100%">

    table hat kein height-Attribut.

    <tr>
        <td width="100%" height="50%">

    width ist hier überflüssig. Bei einer einspaltigen Tabelle sind die Zellen immer so breit wie die Tabelle.
    Wozu benutzt Du aber überhaupt eine Tabelle?

    Warum nimmst Du nicht einfach nur die zwei div? Die werden dann automatisch untereinander dargestellt, dazu braucht es keine Tabelle.

    Tritt das Problem auch auf, wenn Du auf die Tabelle verzichtest?

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    O o ostern ...
    Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln