fragler: Tabellen ganz an den Browser-Rand

Hallo zusammen.

Wie bringe ich Tabellen ganz an den Rand heraus?
Wenn ich normale Tabellen mit width=100% und height=100% mache,
ist zwischen dem Browser und der Tabelle immer noch ein Abstand.

Das sieht besonders doof aus, wenn der Tabellenbackground farbig ist.

Wie mache ich das?

Grüsse,
der fragler ;-)

  1. Hallo,

    Wie bringe ich Tabellen ganz an den Rand heraus?
    Wenn ich normale Tabellen mit width=100% und height=100% mache,
    ist zwischen dem Browser und der Tabelle immer noch ein Abstand.

    indem Du in SELFHTML entweder die häufig gestellten Fragen oder
    die Beschreibung zu passenden CSS-Eigenschaften durchliest.

    Viele Grüße,
    Stefan

  2. Im Body musst du <body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0"> und das Problem ist gelöst!!

    Nico

    1. Hallo Nico,

      Im Body musst du <body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0"> und das Problem ist gelöst!!

      Sechs ungültige Attribute, wozu soll sowas gut sein? Vor fünf Jahren
      wäre so eine Variante noch akzeptabel gewesen, heute ist es einfach
      antiquiert und sollte nicht mehr verwendet werden.

      Fragler hat schon mit CSS (zufällig?) den richtigen Themenbereich
      gewählt und da ist die Lösung auch ohne Probleme zu finden.

      Viele Grüße,
      Stefan

      1. Hallo Stefan.

        Hier nun in CSS ;-)

        body {
        margin-left:0px;
        margin-right:0px;
        margin-top:0px;
        margin-bottom:0px
        }

        mfg, fragler

        Aber schaue auch mal das wegen dem Browserrand im gleichen Topic an.

        1. Hallo,

          body {
          margin-left:0px;
          margin-right:0px;
          margin-top:0px;
          margin-bottom:0px
          }

          ja, sieht sehr gut aus, allerdings braucht Opera nach padding:0;

          body {
            margin: 0;
            padding: 0;
           }

          Viele Grüße,
          Stefan

    2. Im Body musst du <body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0"> und das Problem ist gelöst!!

      Vielen, vielen Dank!

      Nun aber noch was:
      Wenn ich scroll="auto" einstelle lässt der Internet Explorer (Mozilla geht super) rechts noch einen Rand für den Scrollbalken übrig, obwohl der nicht angezeigt wird.

      Mit scroll="no" kann man das umgehen, aber bei Bedarf muss ja der Scrollbalken doch angezeigt werden.

      Wie mache ich, dass er bei auto keinen weissen Rand für den Balken übrig lässt?

      Grüsse,
      fragler ;-)

      1. Hallo,

        Wenn ich scroll="auto" einstelle lässt der Internet Explorer (Mozilla geht super) rechts noch einen Rand für den Scrollbalken übrig, obwohl der nicht angezeigt wird.

        es gibt kein scroll-Attribut.

        Wie mache ich, dass er bei auto keinen weissen Rand für den Balken übrig lässt?

        Mit gültigem HTML und CSS (Stichwort) Validator und der passenden
        CSS-Eigenschaft overflow, Informationen dazu natürlich auch in
        SELFHTML.

        http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow

        Viele Grüße,
        Stefan

        1. Mit gültigem HTML und CSS (Stichwort) Validator und der passenden
          CSS-Eigenschaft overflow, Informationen dazu natürlich auch in
          SELFHTML.

          http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow

          bevor Du unnötig suchst, ähnlich wie bei der height-Eigenschaft muß
          auf overflow im MSIE für das übergeordnete Element (hier html) fest-
          gelegt werden, eine kurze Beispielseite:

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
                  "http://www.w3.org/TR/html4/strict.dtd">

          <html><head>

          <title>overflow</title>

          <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
              <meta http-equiv="content-style-type" content="text/css">

          <style type="text/css">
              <!--
              body, html { overflow: auto; }
              -->
              </style>

          </head><body>

          <p>overflow</p>

          </body></html>

          Viele Grüße,
          Stefan

        2. Hallo,

          es gibt kein scroll-Attribut.

          Ich meinte das <body scroll="auto"> ;-)

          Wie mache ich, dass er bei auto keinen weissen Rand für den Balken übrig lässt?

          Mit gültigem HTML und CSS (Stichwort) Validator und der passenden
          CSS-Eigenschaft overflow, Informationen dazu natürlich auch in
          SELFHTML.

          Vielen Dank, overflow: auto; war das, was ich gesucht hatte.

          Vielen Dank, auch für den Opera Tipp. (Brauche Opera eben nicht).

          Grüsse,
          fragler.

          1. Hallo fragler,

            es gibt kein scroll-Attribut.

            Ich meinte das <body scroll="auto"> ;-)

            Nur weil der IE das interpretiert, heißt das noch lange nicht, dass es das auch OFFIZIELL gibt.

            Der offizielle Standard wird vom W3C festgelegt (http://www.w3.org/) und im HTML4-Standard gibt es kein scroll-Attribut: http://www.w3.org/TR/html401/index/attributes.html

            Viele Grüße,
            Christian