Stefan Einspender: JavaScript-Bereich in XHTML Strict

Hallo ForumsleserInnen,

ist es möglich, in einem Dokument, welches XHTML 1.0 Strict valid-
ieren soll, JavaScript zu verwenden.
Wenn ja, wie muß man es einbinden, geht es u.U. nur mit externen
JS-Dateien oder geht es prinzipiell überhaupt nicht?

Mit CSS gibt es ja laut W3C-Validator keine Probleme, die binde ich
per @import ein.

Viele Grüße aus Dresden,
Stefan Einspender

  1. Sup!

    Ich dachte, <script type="text/javascript"></script> würde gehen.
    Im Notfall zum W3C surfen und in der DTD fuer XHTML strict nachsehen, welche Attribute "script" erlaubt.

    Gruesse,

    Bio

    1. Hi,

      <script>
       <![CDATA[
       ... unescaped script content ...
       ]]>
      </script>

      Erläuterungen dazu unter http://www.w3.org/TR/xhtml1/#diffs (Kapitel 4.8 Script and Style elements)

      lg Bernhard

    2. Hallo Bio,

      Ich dachte, <script type="text/javascript"></script> würde gehen.
      Im Notfall zum W3C surfen und in der DTD fuer XHTML strict nachsehen, welche Attribute "script" erlaubt.

      Tatsache, ich hatte immer noch language="JavaScript" mit drin und
      dachte er mag prinzipiell kein JavaScript in XHTML 1.0 Strict.
      Schön, besten Dank :)

      BTW, Du weißt nicht zufällig, wie ich <br clear="all" /> in XHTML
      1.0 Strict "ersetzen" kann?
      Grund ist, dass ich irgendetwas brauche, um DIV-Bereiche unterein-
      ander "abzutrennen" und wenn ich das Teil da oben weglasse, dann
      haut mir NC6 ziemlich viel durcheinander (aber auch Opera5.02).

      Langsam wird es: http://validator.w3.org/check?uri=http://xse.de/

      Viele Grüße aus Dresden,
      Stefan Einspender

      1. Hallo Stefan,

        BTW, Du weißt nicht zufällig, wie ich <br clear="all" /> in XHTML
        1.0 Strict "ersetzen" kann?

        <div style="clear:both;">

        grüße
        Thomas

        1. Hallo Thomas,

          <div style="clear:both;">

          großes Dankeschön, klappt wunderbar :)

          Aber dann doch noch eine kleine Frage:
          Unten und oben in jedem Segment auf http://xse.de/ habe ich einen
          blauen Balken (manchmal mit Text gefüllt), dabei handelt es sich um
          einen DIV-Bereich mit width:100%; und padding:4px;.
          Der umgebende DIV-Bereich (also das Segment) ist width:750px;

          Warum stellen mir der Opera 5.02, NC6 und Mozilla 0.9 den blauen
          DIV-Bereich jeweils mit einer Breite von 758px dar?
          Anscheinend addieren Sie einfach 2x4px auf den theoretischen Wert
          von 100% = 750px.

          Wie kann ich dieses Verhalten umgehen und welche(r) Browser ver-
          halten sich hier korrekt, MSIE oder die anderen drei?

          IMHO MSIE, wenn ich die Infos in 3-8158-2102-9 richtig verstanden
          habe ...

          Viele Grüße aus Dresden,
          Stefan Einspender

          1. PS:Ich habe das Problem mittlerweile gelöst, indem ich einfach dem
            Inhalt des blauen Feldes (  bzw. Text) mit padding:4px; den
            nötigen Randabstand zuordne und diesen Punkt bei dem DIV rausgenommen
            habe, trotzdem würde mich interessieren, wie es nun richtig ist, im
            MSIE 5.5
            oder im
            Mozilla 0.9, NC6, Opera 5.02

            Damit Du es Dir anschauen kannst, ist jetzt noch die alte Version
            online, wo die "Überlängen" sichtbar sind.

            http://xse.de/
            http://xse.de/1KB.css

            1. Hallo Stefan!

              trotzdem würde mich interessieren, wie es nun richtig ist, im
              MSIE 5.5
              oder im
              Mozilla 0.9, NC6, Opera 5.02

              Richtig machen es Mozilla, Opera & Co. Mal sehen ob ich das noch zusammenbekommen wieso.

              Wenn ich mich recht erinnere, dann kann man sich das ganze quasi so wie eine Zwiebel vorstellen, derren innerstes der 'Textbereich' ist. (Also das innere des Divs) Dort herum liegen dann _zusätzlich_ erst das Padding und dann noch mal als weitere Schicht ggf. das Margin.

              Ich glaube so etwa war das. Man möge mich berichtigen wenn ich falsch liege.

              Gruß,
              Sönke

              1. Hallo Sönke,

                Wenn ich mich recht erinnere, dann kann man sich das ganze quasi so wie eine Zwiebel vorstellen, derren innerstes der 'Textbereich' ist. (Also das innere des Divs) Dort herum liegen dann _zusätzlich_ erst das Padding und dann noch mal als weitere Schicht ggf. das Margin.

                wenn ich es jetzt richtig verstanden habe, dann müßte es so sein:

                width   (Inhalt, d.h. das eigentliche Element [DIV, H4 etc])

                • padding (Abstand des Elementes vom Rahmen)
                • border  (Rahmen um das Element)
                • margin  (Abstand zwischen dem Rahmen und umliegenden Elementen
                  = Gesamtbreite

                Wie kann ich diese Gesamtbreite per CSS festlegen oder gibt es dafür
                keine Möglichkeit?
                Im vorliegenden Fall soll sie 750px nicht überschreiten.

                Wenn ich aber width:100px; festlege, dann wird da noch padding:4px;
                addiert, ergibt dann 758px.

                Richtig?

                Viele Grüße aus Dresden,
                Stefan Einspender

                1. Hallo Stefan!

                  All you need is W3C :-)
                  http://www.w3.org/TR/REC-CSS1-961217#formatting-model

                  width   (Inhalt, d.h. das eigentliche Element [DIV, H4 etc])

                  • padding (Abstand des Elementes vom Rahmen)
                  • border  (Rahmen um das Element)
                  • margin  (Abstand zwischen dem Rahmen und umliegenden Elementen
                    = Gesamtbreite

                  <zitat>
                  The size of the box is the sum of the element width (i.e. formatted text or image) and the padding, the border and the margin areas.
                  </zitat>

                  _______________________________________
                     |                                       |
                     |           margin (transparent)        |
                     |   _________________________________   |
                     |  |                                 |  |
                     |  |        border                   |  |
                     |  |   ___________________________   |  |
                     |  |  |                           |  |  |
                     |  |  |     padding               |  |  |
                     |  |  |   _____________________   |  |  |
                     |  |  |  |                     |  |  |  |
                     |  |  |  |  content            |  |  |  |
                     |  |  |  |_____________________|  |  |  |
                     |  |  |___________________________|  |  |
                     |  |_________________________________|  |
                     |_______________________________________|

                  |    element width    |

                  |               box width               |

                  Sollte jetzt klar sein ;-)

                  lg Bernhard

                  1. Hallo Bernhard,

                    _______________________________________
                       |                                       |
                       |           margin (transparent)        |
                       |   _________________________________   |
                       |  |                                 |  |
                       |  |        border                   |  |
                       |  |   ___________________________   |  |
                       |  |  |                           |  |  |
                       |  |  |     padding               |  |  |
                       |  |  |   _____________________   |  |  |
                       |  |  |  |                     |  |  |  |
                       |  |  |  |  content            |  |  |  |
                       |  |  |  |_____________________|  |  |  |
                       |  |  |___________________________|  |  |
                       |  |_________________________________|  |
                       |_______________________________________|

                    |    element width    |

                    |               box width               |

                    Sollte jetzt klar sein ;-)

                    ja, hast Du schön (ab)gemalt, besten Dank!

                    Jetzt ist mir alles klar und wie Du auf http://xse.de/ sehen kannst,
                    habe ich das Problem ja mittlerweile bereits gelöst, die Seite sieht
                    in allen modernen Browsern (*hehe*) praktisch gleich aus, sehr schön.

                    Viele Grüße aus Dresden,
                    Stefan Einspender

                    1. Hallo Stefan,

                      Jetzt ist mir alles klar und wie Du auf http://xse.de/ sehen kannst, habe ich das Problem ja mittlerweile bereits gelöst,

                      1. dann brauch ich mich ja nicht mehr "einzumischen", du hast das ja schon mit der gesamtbreite ja rausgefunden.

                      die Seite sieht in allen modernen Browsern (*hehe*) praktisch gleich aus, sehr schön.

                      2)ah ja? meinst du? *fg*
                      du hast zwar IE4 und NS4 ausgespert aber nicht IHN:
                      http://www.meta-text.net/etc/stefan_e_01.jpg

                      ok,ok.... das war jetzt unfair *g*

                      schöne grüße
                      Thomas

                      1. Hallo Thomas,

                        die Seite sieht in allen modernen Browsern (*hehe*) praktisch gleich aus, sehr schön.

                        betrachte ich als großes Lob und danke Dir dafür auch gleich :)

                        2)ah ja? meinst du? *fg*
                        du hast zwar IE4 und NS4 ausgespert aber nicht IHN:
                        http://www.meta-text.net/etc/stefan_e_01.jpg

                        Naja, wenn Du morgen früh noch schnell zur Annahmestelle springst
                        und den Lottoschein ausfüllst, dann ist die Chance auf einen Ge-
                        winn höher, als das ich jemals bei vollen Bewußtsein und nicht
                        zum Testen xse.de mit Amaya besuche ;)
                        Und für die Leute, die gern meine Linkliste auch angucken wollen,
                        habe ich imho jetzt genug getan :)

                        ok,ok.... das war jetzt unfair *g*

                        In jedem Zoo gibt es Tiere, die mal Probleme machen, in dem Browser-
                        zoo ist es eben Amaya. Soll heißen, ich wußte es schon und habe es
                        stillschweigend verdrängt *g*

                        Viele Grüße aus Dresden,
                        Stefan Einspender

                        PS:Das Buch ist wirklich interessant, am Anfang dachte ich "Ist zu
                           einfach, weiß ich schon alles", aber jetzt lerne ich doch noch
                           jede Menge, da hat sich die Ausgabe gelohnt!