Christoph Schnauß: Trennung von Inhalt und Layout!

Beitrag lesen

hallo Jeena,

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
Argh, warum steht da Windows auf deiner Seite ;-)

Mag sein, daß das "Charset" eine alte Angewohnheit ist, die ich ohne weiteres Überlegen mitschleppe. "ohne" müßte ich aber wahrscheinlich alle Umlaute im Code maskieren, was ich zwar vor, aber noch nicht realisiert habe.

<div id="portrat"></div>
Wozu diese total unnötige Divsuppe? Das Bildchen von dir gehört doch auf jeden Fall zum Inhalt der Seite und sollte auf keinen Fall vom vorhandensein von CSS abhängig gemacht werden.

Das "Bildchen" ist in die CSS reingeklebt und existiert ohne ein DIV derzeit nicht. Kann ich ändern, wenns mir als zwingend erscheint  -  derzeit muß bloß die Größe korrigiert werden.

<div id="titel"><h1>Willkommen</h1></div>
Hier wieder unnötige Divs. <h1> lässt sich doch ohne das div außenrum wunderbar stylen, wozu hast du es denn eingebaut?

Solange das _innerhalb_ eines weiteren DIV steht, nicht. Aber die Verschachtelung läßt sich überdenken, das ist richtig.

<div id="subnavi"><a class="navi" href="/index.php">Christoph Schnauß</a>&nbsp;&nbsp;&nbsp;

</div>


> Nanana, seit wann machen wir denn Abstände mit geschützten Leerzeichen?  
  
Schwierig, weil die Maßangaben Mühe machen. "em" wäre die wünschenswerte Angabe, funktioniert aber nicht korrekt in allen Browsern, und vor allem in "Verschachtelungen" kanns unangenehme Effekte geben, wenn man nicht aufpaßt, was denn nun als "Elternelement" gilt.  
  

> Findest du außerdem nicht auch, dass das was du hier darzustellen versuchst eher ein Absatz (oder gar eine ungeordnete Liste) mit Links ist? Aber ja stimmt darüber könnte man streiten.  
  
Ok, dann streiten wir mal ;-)  
  

> `<div id="linie"><hr></div>`{:.language-html}  
> Argh wieder ein total unnötiges Div.  
  
Der Grund ist (wie "oben"), daß das Teil innerhalb von "kopf" angesiedelt ist. Soll so sein, heißt aber nicht, daß es zwingend ein eigenes DIV braucht. Ich hatte ja angegeben, daß die CSS noch renovierungsbedürftig ist  -  und diese Renovierung geht einher mit der Frage, ob denn wirklich alle DIVs erhalten bleiben müssen.  
  

> dein Konstrukt ist also eigentlich völlig unnötig.  
  
Boah, nö, isses nicht. Aber es ist renovierungsbedürftig, da hast du recht.  
  

> `<div id="navi"><br><br>`{:.language-html}  
> Hier wieder das gleiche wie oben schon, seit wann machen wir denn Abstände mittels `<br>`{:.language-html}? Gibt es dazu nicht die wunderbaren CSS Eigenschaften wie Margin und Padding?  
  
Nutzt in diesem Fall nix, obwohl ich dich gut verstehe. Es gibt andere Seiten, bei denen anstelle von <br><br> eben <p>text</p> steht, und das soll an exakt derselben Stelle erscheinen.  
  

> `<a class="navi" href="/ueber/index.php">über diese Site</a><br>`{:.language-html}  
> Wozu hat jeder einzelne Link da noch eine extra Klasse?  
  
Hat er ja nicht. Es ist immer dieselbe.  
  

> Die kannst du doch alle wunderbar über das Elternelement mit der ID "navi" erreichen und sparst nebenbei auch noch Quellcode wenn du das konsequent überall durchhälst, den man nicht mehr herunterladen muss.  
  
? Kannst du \_das\_ noch genauer erläutern?  
  

> ~~~html

<a class="navi" href="/privat/index.php">Persönliches</a><br>  

> <a class="navi" href="/kontakt/index.php">Kontakt</a><br>  
> <a class="navi" href="/prog/index.php">Scripts</a><br>  
> <a class="navi" href="/projekt/index.php">Projekte</a><br>  
> <a class="navi" href="/misc/index.php">Verschiedenes</a><br>  
> <a class="navi" href="/links/index.php">Links</a><br>  
> </div>

Was würde hier an dieser Stelle gegen eine Ungeordnete Liste von Links sprechen?

Daß sie eben _nicht_ "ungeordnet" sein soll?

<div id="seite">

<div id="body">


> Wozu verschachtelst du hier eigentlich ohne Sinn zwei Divs?  
  
Ha! Da hast du die entsprechende Seite in SELFHTML <http://de.selfhtml.org/css/layouts/fixbereiche.htm> noch nicht verinnerlicht. Ohne diese "Verschachtelung" gehts leider für den doofen IE tatsächlich derzeit noch nicht.  
  

> `<a href="http://selfhtml.christoph-schnauss.de" target="_top">Downloadangebot für SELFHTML [...]`{:.language-html}  
> Hm wozu ist dieses `target="_top"`{:.language-html} eigentlich da? Ich sehe gar kein Frameset  
  
ok, da hast du recht, das ist aus der alten Frameset-Konstruktion noch übriggeblieben und kann ersatzlos gestrichen werden.  
  

> `<img border="0" src="grafik/backg0.png" style="position: absolute; right: 45%" alt="fraktale Grafik">`{:.language-html}  
> Stellt die Grafik nicht eigentlich auch einen Absatz dar?  
  
Jaein. Hängt von der zentralen CSS ab. Wenn ich sie da definiere (was noch nicht passiert ist, aber noch geschehen soll), ist/wird deine Anmerkung überflüssig.  
  

> Außerdem würde ich dir empfehlen das Kapitel [CSS](http://de.selfhtml.org/css/) in SELFHTML zu studieren  
  
Och ... das habe ich inzwischen mindestens dreimal tatsächlich gründlich getan, weil es meine Sache war, für die "Browser-Icons" festzulegen, ob die Icons für Konqueror und Safari 1.0 (ups, das gibts noch nicht öffentlich) angegeben werden können oder nicht \*g\*  
  

> Übrigens kann ich leider nichts zum Thema Holunderwein sagen, da ich selbst von Wein nicht so angetan bi,n  
  
Jaja, und du produzierst völlig überflüssige Kommas mitten in einem Wort ;-) Macht aber nix, wir haben es ja schon am Elbestrand andiskutiert und müßten die Diskussion mit entsprechenden Argumenten im Glas demnächst unbedingt fortsetzen.  
  
Ey, und warum hast du \_diese\_ Anmerkungen nicht rechtzeitig in den beiden inzwischen archivierten Threads gemacht? Hättest du mal früher tun sollen, macht aber nix, ich habs schon richitg verstanden.  
  
  
Grüße retour aus Berlin  
  
Christoph S.

-- 
<mailto:christoph.schnauss@berlin.de>  
<http://www.christoph-schnauss.de>  
  
ss:| zu:) ls:& fo:) va:) sh:| rl:|  

0 42

Holunder online ;-)

Christoph Schnauß
  • menschelei
  1. -2
    zu besoffen, um den Inhalt zu bewerten
    1. 0
      Christoph Schnauß
      1. 1
        Orlando
        1. 0
          Christoph Schnauß
          1. 0
            Orlando
        2. 0
          Ingo Turski
  2. 0
    Ingo Turski
    1. 0
      Christoph Schnauß
      1. 1
        Ingo Turski
        1. 0
          Christoph Schnauß
          1. 1
            Ingo Turski
            1. 0
              Christoph Schnauß
              1. 1
                Ingo Turski
                1. 0
                  Christoph Schnauß
              2. 1
                Detlef G.
                1. 0
                  Christoph Schnauß
    2. 0
      O'Brien
      1. 0
        Christoph Schnauß
        1. 0

          Holunder-Geplänkel

          O'Brien
          1. 0
            Christoph Schnauß
            1. 0
              O'Brien
  3. 0
    Reiner
    1. 0
      Christoph Schnauß
      1. 0
        Reiner
        1. 0
          Christoph Schnauß
  4. 5

    Trennung von Inhalt und Layout!

    Jeena Paradies
    • html
    1. 0
      Christoph Schnauß
      1. 2
        Ingo Turski
        1. 0
          Christoph Schnauß
      2. 1
        Jeena Paradies
        1. 0

          Trennung von Inhalt und Layout

          Christoph Schnauß
          • css
          1. 0
            Ingo Turski
      3. 1
        Detlef G.
    2. 0
      Martin Hölter
  5. 0
    Kalle_Worms
    1. 0
      Christoph Schnauß
  6. 0
    Tom
    1. 0
      Christoph Schnauß
  7. 0
    Rolf Rost
    1. 0
      Christoph Schnauß
  8. 0
    Christoph Schnauß