David Hincziza: overflow problem bei mozilla

SELF-Forum

overflow problem bei mozilla

David Hincziza
– Informationen zu den Bewertungsregeln

hallo ich habe ein problem beim mozilla firefox und zwar soll ine iner bestimmen zelle ein scrollbalken angeziegt werden falls der text der drinnen steht zu viel ist im IE und Opera funktioniert das alles super. es würde auch super im Mozilla funktionieren wenn ich die Bhöhe in px angebene da ich höhe aber 100% hat (das es bei jeder auflösung passt) funktioniert es aus igrendeinem grund nicht. bitte um hilfe hier der code:

<HTML>
<HEAD>

<style type="text/css">
html, body {height: 100%; }
table {height: 100%}
#inhalt{height: 100%;}
</style>

<TITLE>seite</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY style="background-color: #F0F0F0;"  LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

<TABLE  WIDTH=988 BORDER=0 CELLPADDING=0 CELLSPACING=0>
 <TR>
  <TD ROWSPAN=2 valign="top" style="background-color: #F0F0F0;"  WIDTH=360>
    zasatzmodule</TD>

<TD WIDTH=628  height="86px" valign="top" style="border-style:none; border-width:medium; margin: 0px; background-image: url('Bilder/kuttner_02.gif');
  background-repeat: no-repeat;
  background-position: top-left;" >hier kommt das jeweilige Logo her </TD>
 </TR>
 <TR>
  <TD WIDTH=628 height="100%" valign="top" style="border-style:none; border-width:medium; margin: 0px; background-image: url('Bilder/kuttner_03.gif');
  background-repeat: repeat; background-position: top-left;"><div style=" width: 628px; height: 100%; overflow: auto;">test<br><br><br><br><br><br>test<br><br><br><br><br><br>test<br><br><br><br><br><br>test<br><br><br><br><br><br>test<br><br><br><br><br><br>test<br><br><br>tes</div></td>
 </TR>
 <TR>
  <TD COLSPAN=2 WIDTH=988 HEIGHT=31 valign="top" style="border-style:none; border-width:medium; margin: 0px; background-image: url('Bilder/kuttner_04.gif');
  background-repeat: no-repeat;
  background-position: top-left;" >
   </TD>
 </TR>
 <TR>
  <TD COLSPAN=2  WIDTH=988 HEIGHT=143 valign="top" style="border-style:none; border-width:medium; margin: 0px; background-image: url('Bilder/kuttner_05.gif');
  background-repeat: no-repeat;
  background-position: top-left;">
   </TD>
 </TR>
</TABLE>

</BODY>
</HTML>

danke schon im voraus

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. overflow problem bei mozilla

    D.R. Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo,

    hier der code:

    Wo ist die http://de.selfhtml.org/html/allgemein/grundgeruest.htm#dokumenttyp@title=Dokumenttyp-Deklaration?

    <HTML>
    <HEAD>

    <style type="text/css">
    html, body {height: 100%; }
    table {height: 100%}
    #inhalt{height: 100%;}
    </style>

    <TITLE>seite</TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    </HEAD>
    <BODY style="background-color: #F0F0F0;"  LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

    Du solltest diese veralteten HTML-Attribute raus schmeißen und durch margin:0 (CSS) ersetzen.

    <TABLE  WIDTH=988 BORDER=0 CELLPADDING=0 CELLSPACING=0>

    Hier solltest du ebenfalls ein bisschen mehr CSS benutzen.

    <TR>
      <TD ROWSPAN=2 valign="top" style="background-color: #F0F0F0;"  WIDTH=360>
        zasatzmodule</TD>

    ebenso wie hier.

    <TD WIDTH=628  height="86px" valign="top" style="border-style:none; border-width:medium; margin: 0px; background-image: url('Bilder/kuttner_02.gif');
      background-repeat: no-repeat;
      background-position: top-left;" >hier kommt das jeweilige Logo her </TD>
    </TR>
    <TR>
      <TD WIDTH=628 height="100%" valign="top" style="border-style:none; border-width:medium; margin: 0px; background-image: url('Bilder/kuttner_03.gif');
      background-repeat: repeat; background-position: top-left;"><div style=" width: 628px; height: 100%; overflow: auto;">test<br><br><br><br><br><br>test<br><br><br><br><br><br>test<br><br><br><br><br><br>test<br><br><br><br><br><br>test<br><br><br><br><br><br>test<br><br><br>tes</div></td>

    Wenn so viele <br>s ein einmal auftreten, machst du irgendwas falsch.

    </TR>
    <TR>
      <TD COLSPAN=2 WIDTH=988 HEIGHT=31 valign="top" style="border-style:none; border-width:medium; margin: 0px; background-image: url('Bilder/kuttner_04.gif');
      background-repeat: no-repeat;
      background-position: top-left;" >
       </TD>
    </TR>
    <TR>
      <TD COLSPAN=2  WIDTH=988 HEIGHT=143 valign="top" style="border-style:none; border-width:medium; margin: 0px; background-image: url('Bilder/kuttner_05.gif');
      background-repeat: no-repeat;
      background-position: top-left;">
       </TD>
    </TR>
    </TABLE>

    </BODY>
    </HTML>

    Was soll eigentlich dieser CSS-HTML-Mix? Warum nimmst du nicht einfach für alles CSS.
    Ich gehe mal stark davon aus, dass Opera und IE hier nur das von dir erwünschte erzeugen, weil sie im Quirks-Mode sind. Du solltest aber unbedingt einen Dokumenttyp für den standardkonformen Modus verwenden.

    mfg. Daniel

    --
    Experten raten von der Verwendung des Internet Explorers ab!
    Diese Programme braucht man, um Webseiten zu bauen!
    Mein SELF-stylesheet
    Selfcode: ie:{ fl:| br:> va:| ls:# fo:| rl:( n4:# ss:{ de:> js:| ch:? mo:) zu:}
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln