Philipp: Warum Scrollen??!!!

Hallo, ich habe gerade etwas versucht...undzwar das:

http://www.sol-hh.de/downloads/temp/index.htm

Beim Internetexplorer muss man nicht scrolen, bei Firefox schon....

Woran liegt das???

<html>
<head>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>SOL</title>
</head>
<body bgcolor="#3C3C3C" scrolling="no">
<table border="0" width="100%" id="table1" height="100%">
<tr>
  <td width="1%" height="98%">&nbsp;</td>
  <td width="98%" height="98%" align="center" valign="top">
  <table border="0" width="100%" id="table2">
   <tr>
    <td bgcolor="#333333">
    <img border="0" src="images/logo.gif" width="209" height="85"></td>
   </tr>
   <tr>
    <td>&nbsp;</td>
   </tr>
  </table>
  <table border="0" width="100%"  height="100%" id="table3">
   <tr>
    <td bgcolor="#333333" align="left" valign="top">TEXT</td>
   </tr>
  </table>
  </td>
  <td width="2%" height="98%">&nbsp;</td>
</tr>
<tr>
  <td width="1%" height="2%">&nbsp;</td>
  <td width="98%" height="2%">&nbsp;</td>
  <td width="1%" height="2%">&nbsp;</td>
</tr>
</table>
</body>
</html>

Kann mir jemand helfen?
Wäre echt nett!!

Danke schonmal :)

  1. Du solltest versuchen, statt Tabellen für das Layout zu missbrauchen lieber auf div-Elemente umsteigen: http://de.selfhtml.org/css/layouts/index.htm

    1. Ja das kann ich aber leider nicht und die Seite sollte relativ schnell fertig werden so ist es besser es erstmal so zu machen und dann kann ich mir das immer noch beibringen wenn die Seite online ist.

    2. Hi Jan,

      Du solltest versuchen, statt Tabellen für das Layout zu missbrauchen lieber auf div-Elemente umsteigen:

      Nein!! Da hast du den Abschnitt in SELFHTML wohl missverstanden.

      <div>  
        <div>  
          <div>foo</div>  
          <div>bar</div>  
        </div>  
        <div>  
          <div>baz</div>  
          <div>quz</div>  
        </div>  
      </div>
      

      ist keinen Deut (no pun intended) besser als

      <table>  
        <tr>  
          <td>foo</td>  
          <td>bar</td>  
        </tr>  
        <tr>  
          <td>baz</td>  
          <td>quz</td>  
        </tr>  
      </table>
      

      Du solltest hingegen versuchen, die Struktur des Dokumentes semantisch auszuzeichnen. (Die Verwendung von „semantisch“ an dieser Stelle widerspricht nicht dem, was ich zuletzt in https://forum.selfhtml.org/?t=109255&m=682741 sagte.)

      Also Überschriften mit h1, h2, …; Textabsätze mit p; Listen mit ul/ol und li; (wirkliche!) Tabellen mit table, thead, tbody, tfoot, tr, th, td; …

      Wenn dann noch solche Elemente gruppiert werden sollen, dann (und nur dann) hat auch mal div Berechtigung.

      Aber bitte keine div-Suppe; die ist nicht besser als missbrauchte Tabellen.

      Gruß,
      Gunnar

      --
      “I got my finger on the trigger / But I don’t know who to trust” (Bruce Springsteen, Devils and Dust)
  2. Hallo Philipp,

    [link:http://www.sol-hh.de/downloads/temp/index.htm}

    Beim Internetexplorer muss man nicht scrolen, bei Firefox schon....

    Woran liegt das???

    Das hat wahrscheinlich damit zu tun, dass du die Höhe der Tabelle nicht mit CSS sondern als HTML-Attribut definiert hast. Wenn du die Höhe der Tabelle prozentual über CSS angibst und dabei auch jedes einzelne Vorfahrenselement (auch HTML und BODY) in der Höhe definierst, damit die Kinder sich nach den Eltern ausrichten können, wird wahrscheinlich alles zu deiner Zufriedenheit dargestellt.

    Gruß Gernot

    1. Wiegesagt, ich habe keine Ahnung von css.... müsste mir das erstmal beibringen und dazu fehlt mir die Zeit.

      Ist das nicht auch über html lösbar?

      mfG

      1. Hallo Philipp,

        Wiegesagt, ich habe keine Ahnung von css.... müsste mir das erstmal beibringen und dazu fehlt mir die Zeit.

        Ist das nicht auch über html lösbar?

        Aber du musst doch keine Angst vor CSS haben!

        Da schreibst du einfach mal Folgendes in den Head-Bereich deiner Seite:

          
        <style type="text/css">  
        [code lang=css]  
        html, body, #table1 {  
          width:100%;  
          height:100%;  
          margin:0;  
          padding:0;  
        } 
        

        </style>[/code]
        Die HTML-Attribute in deiner Tabelle, die teilweise ohnehin nicht valide sind, kannst du dann getrost weglassen. Lass den Knoten in deinem Hirn mal platzen, so schwer ist das alles nicht, steht alles da!

        Gruß Gernot

        1. ok ich habe jetzt

          <style type="text/css">
          [code lang=css]
          html, body, #table1 {
            width:100%;
            height:100%;
            margin:0;
            padding:0;
          }

          
          > </style>[/code]  
          
          das eingefügt... aber man kann immernoch scrollen...  
            
          http://www.sol-hh.de/downloads/temp/index.htm  
            
          Mach ich was falsch?
          
  3. Tag,

    in der großen Zelle hast Du 2 Tabellen. Die zweite dieser Tabellen hat eine Höhe von 100%. Da sich die Höhenangaben auf das übergeordnete Element (Zelle) beziehen ist der Inhant dieser Zelle insgesamt 100% + X* hoch, was nicht funktioniert. Beim IE schaut es zufällig gut aus und der FF stellt das halt anders dar.
    Wenn Du die 2. Höhenangabe 100% entfernst sind die Scrollbars weg.
    Da mußt Du Dir halt nochwas einfallen lassen.

    Grüße,
    Steffen.

    1. Ja das stimmt, aber wenn ich die 100% aus der dritten Tabelle entferne, dann ist das haupttextfeld nurnoch eine Zeile Hoch und ich möchte gern - unabhängig von der Auflösung - das das Textfeld bis unten reicht.