Hi again,

http://tutorial.riehle-web.com/selfforum/cssfooters/ => cssfooters.doc

Uuups, es muss http://tutorial.riehle-web.com/selfforum/cssfooter/ heißen ;-)

MfG, Dennis.

Hallo Dennis,

So, der Text ist jetzt fertig - er liegt z.Z. noch als Word Document auf meinem Server:
http://tutorial.riehle-web.com/selfforum/cssfooters/ => cssfooters.doc

Wäre froh, wenn ihr euch das mal durchlesen würdet und einen Kommentar dazu abgäbt. Danke schon mal.

Erstmal muss ich sagen, dass dir das gut gelungen ist. Ich würde den Artikel allerdings eher unter Tipps&Tricks einordnen. Ansonsten sind mir nur noch ein paar Rechtschreibfehler aufgefallen:

Ein einfacher Footer
»Gegeben sein an dieser Stelle ein Element mit der ID footer. Diesem wird die
            ^ (Das müsste wohl »seien« heißen)
CSS Eigenschaft«
   ^ (Da kommt ein Bindestrich hin)

Einfach feststehender Footer
        ^ (Einfach_er_?)

Ein feststehender Footer für den Internet Explorer
»Für dem content_container definiert man beispielsweise eine Höhe von 95% und
       ^ (den)
weist die CSS Eigenschaft overflow:auto zu.«
             ^ (s.o.)

Da sollte man evtl. einen Link draus machen:
» lesen Sie dazu auch den Abschnitt "Alternative Positionierung - feste Navigation".«

Kombination: Ein Footer für alle
»Wie Sie sicherlich schon gemerkt haben, hatten beide Beispiele ihre Nachteile:
Ersteres funktionierte nicht im Internet Explorer, letzeres funktionierte zwar
im Internet Explorer, dafür aber in anderen Browser nicht richtig.«
                                                   ^

Und ein Absatz weiter:
»Natürlich könnte man serverseitig den UserAgent String untersuchen und«
                                       ^^^^^^^^^^^^^^^^
Ich finde die doppelten Großbuchstaben nicht so toll, wie wäre es stattdessen mit »User-Agent-Kennung« o.ä.?

»entsprechend eine ganz andere Seite ausgeben, dies hat jedoch aber den
Nachteil, dass z.B. ein Opera oder Fiefox, der sich als Internet Explorer«
                                     ^

Hier sollten meiner Meinung nach auch Links draus gemacht werden:
»Zuerst habe ich hier die Angaben aus dem Beispiel "Einfacher feststehender Footer" 1:1 übernommen. Anschließend habe ich unter Nutzung des  Star-HTML-Hacks sämtliche Angaben aus dem Beispiel "Ein feststehender Footer für den Internet Explorer" hinzugefügt.«

Feststehende Kopf- und Fußzeile
»Die Funktionsweise ist identisch mit dem vorhergegangen Beispiel - Natürlich«
                                                                    ^ (Keine Großschreibung)

Alternative Positionierung mit fester Navigation
»100% breit macht, einen Innenabstand nach recht von«
                                                ^

Abschließende Zusammenfassung
» wer jedoch auf feststehende Elemente im Internet Explorer verzichten kann,
sollte die auch tun.«
          ^

Überleg mal, wir machen dass mit den zehn häufigsten CSS-Problemen, für die die Lösung im Archiv ja schon in Rohform vorliegen, das wäre eine echte Aufwertung für den Bereich, der im MOment vor sich hindümpelt. Ich bin DIr für Deine Initiative richtig dankbar.

Da kann ich mich nur anschließen.

Schöne Grüße,

Johannes

Hi Dennis,

ein paar redaktionelle Vorschläge zu Formulierungen:

"Auf einfache Footer möchte ich hier nicht weiter groß eingehen, da darauf bereits im SelfHTML Teil  "CSS basierte Layout" darauf eingegangen wird, der Vollständigkeit halber jedoch auch hier ein kleines Beispiel."

besser: Einfache Footer werden in SelfHTML-Kapiel "CSS basierte Layout" dargestellt, der Vollständigkeit halber hier ein kleines Beispiel:

"Sämtliche anderen Angaben hier dienen lediglich zur optischen Aufwertung des Footers im Beispiel."

besser: Die anderen Angaben dienen lediglich zur optischen Aufwertung des Footers.

"position:fixed - diese wird jedoch leider nicht vom Internet Explorer bis einschließlich zur aktuellen Version (v. 6) interpretiert, womit folgendes Beispiel also nicht im Internet Explorer funktionieren wird."

vom Internet Explorer bis zur Version 6
(vermutlich längere Haltbarkeit des Artikels)

_________
auf der Beispielseite:

"Und hier ist der Footer, der allerdings nicht im IE stehen bleibt."

Feststehender Footer für moderne Browser.

"Man kann einfach zwei Container Elemente untereinander setzen, wobei das obere Element den kompletten Inhalt enthält und das untere Element den Footer.
_________

"Man kann einfach zwei Container Elemente untereinander setzen, wobei das obere Element den kompletten Inhalt enthält und das untere Element den Footer."
Der Lösungsansatz: Man setzt zwei Container-Elemente untereinander, .....

"Dies ist nötig, damit nachfolgende
prozentuale Angabe"
            Angaben

", wie z.B. der Internet Explorer ausgegraute Scrollbalken darstellt."
Sonst würde z.B. der IE ausgegraute Scrollbalken darstellen.

________________________________

"die koplette Höhe der Seite "
     komplette

"Was wir also bräuchten wäre ein Kombination "
              brauchten, wäre

" Firefox, der sich als Internet Explorer ausgibt, dass falsche CSS bekommt."
das

"Der Internet Explorer, der jedoch auch die Angaben mit dem  Star-HTML-Hacks interpretiert, bekommt diese Angaben überschrieben ..."
Beim Internet Explorer ... werden diese Angaben überschrieben.

"auf die gleiche Art und Weise realisieren wie die Fußzeile."
wie der Footer

"den kompletten CSS Code vom obigen Anzeigebeispiel:"
der komplette

__________
Code

"/* Der IE soll das Element breiter darstellen, da margin und padding hier von
                        der Breite abgezogen wird! */"
                                             werden
__________

"Abschließende Zusammenfassung
Header und Footer sind etwas schönes, aber wie es öfters vorkommt, so macht auch hier der Inernet Explorer wieder mal einige Schwierigkeiten. Wer also fixierte Elemente im Internet Explorer haben will, muss sich wohl oder über auf ein paar Stunden Anstrengung einstellen - wer jedoch auf feststehende Elemente im Internet Explorer verzichten kann, sollte dies auch tun."

Zusammenfassung
Header und Footer sind etwas Schönes, zu überwinden sind hier einige Probleme mit dem Internet Explorer. Der Workaround eröffnet aber auch für diesen Browser die Möglichkeit, ohne Frames Bereiche sauber im Browserfenster zu fixieren - ohne Abhängigkeit von JS.

Verstehe das bitte als Vorschläge. Ich würde vorschlagen, den Artikel bei den Tipps und Tricks im Kapitel CSS unterzubringen.

Saubere Arbeit!

Viele Grüße
Mathias Bigge

Hi Dennis,

eine Welle.

Die Form der Welle gefällt mir gut! ;-)

Danke :-)

Was hältst du davon, die Self-Farben zu nehmen?
[Überlegungen]

Ich muss sagen, ich bin an dieser Stelle selber etwas unentschlossen - was meinst du?

Ich meine, man könnte im Artikel die Self-Farben nehmen und für ein paar
der fertigen Layouts passende Graphiken und die XCF-Datei anbieten
(das ist ohne Probleme schnell machbar).

Gruß
Alexander Brock

Hallo.

Das i-Element zeichnet den Text darin logisch als „kursiven Text“ aus – wie der Browser Text der Sorte „kursiver Text“ darstellt, ist seine Sache, bzw. entscheidet das Stylesheet darüber.

Das <i>-Element zeichnet nicht logisch, sondern physisch aus. Der Browser hat diesbezüglich keinen Spielraum, wenn er sich standardkonform verhalten kann und will. Anders, nämlich fast so von dir beschrieben, verhält es sich mit <em>.

Genauso zeichnet das alt-Attribut den Text als „Alternativtext zum Bilde o. Ä.“ aus – wie der Browser jenen anzeigt, hängt wiederrum vom Stylesheet  ab.

Richtig, _wie_, also zum beispiel in welcher Farbe, der Text dargestellt wird, bleibt dem (browser-eigenen) Stylesheet überlassen. Aber _wann_ er dies tut, eben nicht, den sonst wäre es kein Alternativ- sondern ein Zusatztext.
MfG, at