Angy: Was ist 100%-x ?

Nabbend, liebe Gemeinde!

Wenn ich eine "Zeile" in meinem Dokument komplett von links nach rechts einfärben will, kann ich das mit der Angabe width:100% prima machen, und wenn ich die Fensterbreite verändere ist alles, wie es soll. Beispiel:

<script language="JavaScript">
if(_d.layers) {
  _d.write("<layer                         top=80   left=0  width=100%  height=22   bgcolor=#8096b7></layer>");
}
else {
  _d.write("<div style="position:absolute;top:80px;left:0px;width:100%;height:22px;background-color:#8096b7"> </div>");
}
</script>
Soll die Einfärbung aber, sagen wir mal bei left:100px anfangen, dann kann ich 100% width nicht mehr verwenden, auto macht nur einen kleinen Flecken und 100%-100px gibbet wohl nich. Und ich habe auch keine Lust, die Veränderung der Fenstergröße zu überwachen und den Farbstrich immer wieder neu zu malen.

Den Strich will ich übrigens deswegen 100px nach rechts schieben, weil ich ein Bild nicht _darüber_ legen kann, ob mit z-index oder ohne: der "Strich" geht immer durchs Bild, obwohl das später installiert wird. Für die Fans desselben hier der entsprechende Code-Ausschnitt, der direkt nach dem Skript kömmt:

<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" style="background-color:#FFFFFF; color:#000000;" link="#AA5522" vlink="#772200" alink="#000000">

<table border="0" cellpadding="0" cellspacing="0" style="width:100%;background-color:#000080;">
<tr style="background-color:#3a6ea5">
    <td align="center" valign="middle" style="width:88px;height:100px"><img src="pics/Hallmackenreuther.jpg" style="width:77px;height:90px;" alt="Ich"></td>
    <td align="center" valign="middle" style="width:auto;height:100px"><span style="color:#c0c0c0"><h1>Willkommen auf meiner Heimseite</h1></span></td>
</tr>
Wat nu, wo hab ich was übersehen?

Dank vorab an die Gemeinde!
Angy

  1. Moin!

    Soll die Einfärbung aber, sagen wir mal bei left:100px anfangen, dann kann ich 100% width nicht mehr verwenden, auto macht nur einen kleinen Flecken und 100%-100px gibbet wohl nich. Und ich habe auch keine Lust, die Veränderung der Fenstergröße zu überwachen und den Farbstrich immer wieder neu zu malen.

    position:absolute; left:100px; right:0;  /* keine width-Angabe! */

    So long

    --
    Es ist dem Untertanen untersagt, den Maßstab seiner beschränkten Einsicht an die Handlungen der Obrigkeit anzulegen.
        -- Kurfürst Friedrich Wilhelm von Brandenburg

    1. Selber Moin!

      Moin!

      Soll die Einfärbung aber, sagen wir mal bei left:100px anfangen, dann kann ich 100% width nicht mehr verwenden, auto macht nur einen kleinen Flecken und 100%-100px gibbet wohl nich. Und ich habe auch keine Lust, die Veränderung der Fenstergröße zu überwachen und den Farbstrich immer wieder neu zu malen.

      position:absolute; left:100px; right:0;  /* keine width-Angabe! */

      Wäre ja echt schön gewesen, ist aber dasselbe wie width:auto und macht entsprechend auch nur nen kleinen Fleck.

      Trotzdem danke für den Versuch!
      Angy

      1. hi

        position:absolute; left:100px; right:0;  /* keine width-Angabe! */

        Wäre ja echt schön gewesen, ist aber dasselbe wie width:auto und macht entsprechend auch nur nen kleinen Fleck.

        IE4?
        Netscape4?
        anderer verbugter Browser?

        gruss Kai

        1. Hai Kai!

          hi

          position:absolute; left:100px; right:0;  /* keine width-Angabe! */

          Wäre ja echt schön gewesen, ist aber dasselbe wie width:auto und macht entsprechend auch nur nen kleinen Fleck.

          IE4?
          Netscape4?
          anderer verbugter Browser?

          gruss Kai

          Wusste ichs nicht, dass ich eine der Pflichtinfos verdaddelt hab? Nu denn: IE5, NS4.75, NS6.2.1. In allen Fällen:
          left:100px;width:100% macht das Fenster um 100px größer
          width:auto odr kein width: macht nur so einen Pups
          Das Bild, das ich in die erste Tabellenzelle lade (und auch der Border, so vorhanden) wir durch den Farbstrich ebenfalls bei allen Brausern übermalt, obwohl der "Strich" eher da ist. Das ist schon nicht mehr ver-bug-t, sondern ver-heck-st.

          Un nu kommst Du!
          Angy

          1. Re!

            Un nu kommst Du!

            Gib uns doch mal ne URL, wo man sich das anschauen kann. Aus Deinen Angaben werde ich nicht richtig schlau.

            So long

            --
            Alle Verallgemeinerungen sind falsch.

            1. Hallo, Scheffe!

              Gib uns doch mal ne URL, wo man sich das anschauen kann. Aus Deinen Angaben werde ich nicht richtig schlau.

              Ihr immer mit Euren URLs! Ich lad meine HP doch nicht hoch, bevor ich mich halbwegs trauen kann. Sonst lachen sich meine Kollegen noch ganz scheckig.

              Aber im ernst - ich habe bis auf die Metas das ganze File, an dem ich am operieren bin, bereits mitgeschickt. Ist ja, glaube ich, ein allgemeines Problem, daß man ein "von hier bis ganz rechts", also ein 100%-x, nicht formulieren kann. Wenn es möglich wäre, würde ich "den Strich" ebenfalls in eine Tabellenzelle einschließen. Da aber später an der Position des Strichs ein Script ablaufen wird, das dann nach unten aus der Begrenzung der Tabelle nicht herauskäm (es sei denn, die Höhe der Zelle würde sich dynamisch mitändern), kann ich das knicken. Schon versucht.

              Aber der Vollständigkeit halber der Code nochmal in seiner ganzen Schönheit. Du mußt nur unterhalb des Testfiles einen Pfad "pics" haben, in dem ein jpg steckt, dessen Namen Du angibst.

              Danke schon mal im Voraus - ich bin kurz davor, "den Strich" auszuschneiden und mit Uhu einzukleben ;-)

              Liebe Gemeine, geht trotzdem mal schlafen, tu ich auch bald!
              Angy

              Gezz gez loos!

              <script language="JavaScript">
              if(_d.layers) {
                _d.write("<layer        top=80   left=90   width=100% height=22   bgcolor=#8096b7></layer>");
              }
              else {
                _d.write("<div style="position:absolute;top:80px;left:90px;width:100%;height:22px;background-color:#8096b7"> </div>");
              }
              </script>

              <!-------------------------------------------------------------------------------------------------------->
              <body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" style="background-color:#FFFFFF; color:#000000;" link="#AA5522" vlink="#772200" alink="#000000">

              <table border="2" cellpadding="0" cellspacing="0" style="width:100%;background-color:#000080;">
              <tr style="background-color:#3a6ea5">
                  <td align="center" valign="middle" style="width:88px;height:100px"><img src="pics/Haddeldaddel.jpg" style="width:77px;height:90px;" alt="Ich"></td>
                  <td align="center" valign="middle" style="width:auto;height:100px"><span style="color:#c0c0c0"><h1>Willkommen auf meiner Heimseite</h1></span></td>
              </tr>
              </table>