wellenzillich: Divs verschachtelt + bg,gif,transparent

SELF-Forum

Divs verschachtelt + bg,gif,transparent

wellenzillich
– Informationen zu den Bewertungsregeln

Pipiiep, ja seid gegruesst!

in wie immer gebotener Kuerze das Wesentliche in Pseudocode:

<div class="background-im-Hintergrund">
    <div class="background-im-Vordergrund">
        INHALT: 2 sich ueberlagernde Hintergruende
    </div>
<div>

Im Vordergrund: gif mit transparenten streifen, im Hintergrund ein jpg.

Kein Problem in opera, nur der IE verteidigt sich tapfer gg.
background, background-image, bckground-color in allen Variationen. Gelesen woanders viel unterschiedliches, u.a. es kaeme auf Reihenfolgen an, leere URL fuer bg usw.

Kleine Nebenbedingung, leider: Das ganze innnerhalb eines  Formulars. Ist DAS von Bedeutung? Fuerchte, ich konnte jetzt nicht alles rueberbringen wg. KUERZE! Nur noch soviel: Was koennte ich googeln z.B. ?

Dank fuer Lesen
Euer Wellenzillich

--
Der Hahn. Positiv. Auf einem Riesenhaufen.
Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. bgcolor + gifstripe transparent/opak

    wellenzillich
    – Informationen zu den Bewertungsregeln

    Huhuu Huhuuu,

    also noch schlimmer:

    <div style="
         background-color: red;
         background-image: url('./transparent_green_striped.gif');

    INHALT: rot-gruen-gestreift? Nicht im IE?

    </div>

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. FEHLALARM! Thread Ende! Die Pest...

      wellenzillich
      – Informationen zu den Bewertungsregeln

      <!-- quirks, die Pest -->
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
      <html>
      <head><title>wellenzillich</title>
      <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" >
      </head>
      <body style="background:#000; color:#FF0000; font-size:76px; padding:50px;">
          <div style="
              background-image : url('./images/pixel_green.gif');
              background-color : #990000;
          ">
              <div style="
                  background-color  : transparent;
                  /* Gestreift_schwarz_und_transparent: */
                  background-image  : url('./images/stripes.gif');
              ">
                  gruen schwarz gestreifter Hintergrund
              </div>
          </div>

      </body>
      </html>

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

      GEHT JA! Also o.g. Problem ist, aus dem Kontext raussepariert, so nicht nachvollziebar, sorry fuer die evtl. Muehe. Es ist irgendwas anderes in diesem Formular..., tja.

      Wellenzillich

      --
      Positiv. Auf einem Riesenhaufen. Der Hahn kraehte wieder mal voreilig.
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Egal warum?

        wellenzillich
        – Informationen zu den Bewertungsregeln

        Die Loesung noch:
        ---------------------------------
        <div class="outer w800 h300" style="
            background-image : url('./striped_bg.gif');
            background-color : transparent;
        ">
            <div class="inner" style="
                width            : 783px;
                height           : 100%;
                /*float          : right;*/
                display          : block;
            ">
                <textarea name="txt" class="txt" rows="15" cols="80"
                    style="
                        background   : transparent;

        ... usw. alles wieder zu.

        D.h. manchmal ALLES Giffige komplett einen div hoeher, dann klappts auch im IE. Setzen. Aeusserst mangelhaft und damit ungenuegend. Man darf mit Recht mehr erwarten. Der IE ist boese.

        Auch boese
        Wellenzillich

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln