css container

Hi,
ich übe gerade ein bisschen mit css container basiertem layout um in
meinem nächsten Projekt Form und Inhalt zu trennen....
Leider funktioniert es bis jetzt nur im IE, nicht aber in anderen
Browsern wie Opera9 oder firefox2.
Der "Inhalt " kommt dort nicht zwischen "Menue" und "News" sondern darunter!
wieso??
Beispiel:
http://www.slainte.ch/fabian/index2.htm
http://www.slainte.ch/fabian/main.css

Herzlichen Dank für alle Tipps
Urs Bögli


PS html und css habe ich validiert, die schlimmsten Formfehler müssten
also schon weg sein....

Re: css container

"urs bögli" schrieb:

> Der "Inhalt " kommt dort nicht zwischen "Menue" und "News" sondern
> darunter!

Wahrscheinlich mußt du die Breite von #Inhalt beschränken. Vermutlich
erreichst du mit Tabellen dasselbe Ergebnis in einem Bruchteil der Zeit.

Re: css container

Christoph Schneegans schrieb:
> "urs bögli" schrieb:
>
> Wahrscheinlich mußt du die Breite von #Inhalt beschränken.
Bin ich am testen.
> Vermutlich
> erreichst du mit Tabellen dasselbe Ergebnis in einem Bruchteil der Zeit.
>
Das ist sicher richtig. Aber mich reizt das neue, und ich möchte die
Seite mitt einem zweiten style-sheet später auch handy-fähig machen.

Danke
Urs

Re: css container

"urs bögli" schrieb:

> Aber mich reizt das neue, und ich möchte die Seite mitt einem zweiten
> style-sheet später auch handy-fähig machen.

Geräte mit kleinem Bildschirm sind durchaus in der Lage, Tabellen
darzustellen. Das müssen sie sein, weil sonst ein Großteil der existierenden
Website mit diesen Geräten nicht nutzbar wäre. Typischerweise werden
Tabellen für die Anzeige serialisiert, d.h. eine Tabelle

1 | 2
-------
3 | 4

wird eben als

1
2
3
4

angezeigt, wenn der Platz andernfalls nicht ausreicht. Genau dasselbe
passiert mit einem CSS-Layout auch. Teste mal mit Opera den Befehl
"Ansicht > Kleinbildschirm", da kann man das sehr schön nachvollziehen.

Re: css container

urs bögli schrieb:
> Hi,
> ich übe gerade ein bisschen mit css container basiertem layout um in
> meinem nächsten Projekt Form und Inhalt zu trennen....
> Leider funktioniert es bis jetzt nur im IE, nicht aber in anderen
> Browsern wie Opera9 oder firefox2.
> Der "Inhalt " kommt dort nicht zwischen "Menue" und "News" sondern
> darunter!
> wieso??
> Beispiel:
> http://www.slainte.ch/fabian/index2.htm
> http://www.slainte.ch/fabian/main.css
Der Hauptfehler war ein float:left zu setzen für den Inhalt in der
Mitte, plus ein paar kleine Form-Fehler.

Zum ...... ist es aber wiedereinmal wie jeder Browser html und css
verschieden interpretiert - können die nicht mal einen Programmierkurs
besuchen!

Re: css container

Christoph Schneegans schrieb:
> 1 | 2
> -------
> 3 | 4
>
> wird eben als
>
> 1
> 2
> 3
> 4
>
> angezeigt, wenn der Platz andernfalls nicht ausreicht. Genau dasselbe
> passiert mit einem CSS-Layout auch. Teste mal mit Opera den Befehl
> "Ansicht > Kleinbildschirm", da kann man das sehr schön nachvollziehen.
>
Danke für den super Tipp, ist etwas billiger wie immer mit dem Handy die
Datei tunterladen zum testen!

Das ist ja etwa das gleiche Verhalten wie Netscape 4.7 mit meinem css
Layout zeigt. In meiner anfderen HP, die mit Tabellenlayout arbeitet,
kommt da ein ziemlicher Mist raus!
Urs

Re: css container

urs bögli wrote:

> Das ist ja etwa das gleiche Verhalten wie Netscape 4.7 mit meinem css
> Layout zeigt. In meiner anfderen HP, die mit Tabellenlayout arbeitet,
> kommt da ein ziemlicher Mist raus!


Vielleicht noch zwei Lnks

http://bluerobot.com/web/layouts/layout3.html

und einen "online CSS Designer
http://css.fractatulum.net/csseditor/index.php


Tables are dead
http://www.alistapart.com/articles/practicalcss/

--
Frank Carius MS Exchange MVP
Exchange FAQ auf http://www.msxfaq.de
Support siehe http://www.netatwork.de/msxfaq.htm
--

Re: css container

"Christoph Schneegans" wrote:

> "urs bögli" schrieb:
>
> > Der "Inhalt " kommt dort nicht zwischen "Menue" und "News" sondern
> > darunter!
>
> Wahrscheinlich mußt du die Breite von #Inhalt beschränken. Vermutlich
> erreichst du mit Tabellen dasselbe Ergebnis in einem Bruchteil der Zeit.

Christoph! Hast Du mal die Druckversion einer Website angesehen, die MIT
Tabellen erstellt wurde?? Tabelle sind OUT! Und entsprechen außerdem die W3C
Anforderungen nicht. CSS ist Wunderbar!
>

Re: css container

Linni Felkel schrieb:

> Hast Du mal die Druckversion einer Website angesehen, die MIT
> Tabellen erstellt wurde??

Wenn man es richtig macht, kann man durchaus eine vernünftige
Druckausgabe erhalten.

Dafür sehe ich täglich sog. tabellenlose Seiten, die völlig unlesbar
sind oder es spätestens dann werden, wenn man CSS abschaltet. Das
liegt natürlich daran, daß es bei tabellenlosem Layout wesentlich
leichter ist, katastrophale Fehler zu machen.

> Und entsprechen außerdem die W3C Anforderungen nicht.

Doch, tun sie. Du kannst natürlich gerne versuchen, das Gegenteil zu
belegen.

> CSS ist Wunderbar!

CSS und Tabellen schließen sich nicht aus. Ich verwende CSS übrigens
seit etwa 10 Jahren.

Re: css container

Wie man sieht, sieht man nix. Meine: Deine URLs funktionieren nicht.

"urs bögli" wrote:

> urs bögli schrieb:
> > Hi,
> > ich übe gerade ein bisschen mit css container basiertem layout um in
> > meinem nächsten Projekt Form und Inhalt zu trennen....
> > Leider funktioniert es bis jetzt nur im IE, nicht aber in anderen
> > Browsern wie Opera9 oder firefox2.
> > Der "Inhalt " kommt dort nicht zwischen "Menue" und "News" sondern
> > darunter!
> > wieso??
> > Beispiel:
> > http://www.slainte.ch/fabian/index2.htm
> > http://www.slainte.ch/fabian/main.css
> Der Hauptfehler war ein float:left zu setzen für den Inhalt in der
> Mitte, plus ein paar kleine Form-Fehler.
>
> Zum ...... ist es aber wiedereinmal wie jeder Browser html und css
> verschieden interpretiert - können die nicht mal einen Programmierkurs
> besuchen!
>

Re: css container

Wenn man es richtig macht ... ja wieviele machen es denn richtig? Außerdem
werden doch OHNE CSS ganze Banner, Bilder und Links ausgedruckt, die man auf
Papier gar nicht braucht.

Die Seiten würde ich gern sehen, von denen Du redest. Und warum willst Du
CSS abschalten? Oder wer überhaupt? Ich sah eher Katastrophalen Seiten MIT
Tabellen. Wenn ich nur an meinen eigenen von früher denken!

Man kann sicherlich Tabellen innerhalb einem CSS Container erstellen - aber
doch nur für Preislisten z.B. Mit CSS kannst Du doch beliebig viele Spalten
einrichten? Ich verstehe nicht: Du sagst Du arbeitest schon 10 Jahre mit CSS
und hast immer hoch nicht gemerkt wie leicht und schön Seiten damit aussehen
können? Tabellen sind doch so schwerfällig - klobige, unnötige Quelltext und
lange Ladezeiten!

Ja Ok. Ob Tabellen bei die W3C vorbeikommen, darüber möchte ich mit Dir
nicht streiten. Ich kann's mir halt nicht vorstellen, weil Tabellen in der
erste Linie NICHT als Hilfe für Weblayouts gedacht waren. Das hat man früher
gern gemacht. Bis CSS kam!

"Christoph Schneegans" wrote:

> Linni Felkel schrieb:
>
> > Hast Du mal die Druckversion einer Website angesehen, die MIT
> > Tabellen erstellt wurde??
>
> Wenn man es richtig macht, kann man durchaus eine vernünftige
> Druckausgabe erhalten.
>
> Dafür sehe ich täglich sog. tabellenlose Seiten, die völlig unlesbar
> sind oder es spätestens dann werden, wenn man CSS abschaltet. Das
> liegt natürlich daran, daß es bei tabellenlosem Layout wesentlich
> leichter ist, katastrophale Fehler zu machen.
>
> > Und entsprechen außerdem die W3C Anforderungen nicht.
>
> Doch, tun sie. Du kannst natürlich gerne versuchen, das Gegenteil zu
> belegen.
>
> > CSS ist Wunderbar!
>
> CSS und Tabellen schließen sich nicht aus. Ich verwende CSS übrigens
> seit etwa 10 Jahren.
>
>

Re: css container

Linni Felkel wrote:

> Ja Ok. Ob Tabellen bei die W3C vorbeikommen, darüber möchte ich mit
> Dir nicht streiten. Ich kann's mir halt nicht vorstellen, weil
> Tabellen in der erste Linie NICHT als Hilfe für Weblayouts gedacht
> waren. Das hat man früher gern gemacht. Bis CSS kam!

Hi Linni,
auch heute müssen Tabellen u.U. für Layouts genutzt werden, um bestimmte
Effekte zu erreichen, die mit css so nicht möglich sind. Als Beipiel kann
die dynamische Zentrierung von Bildern und Text in Abhängigkeit von der
Auflösung des Bildschirmes für eine barrierefreie Darstellung dienen. Mit
css ist das nicht möglich bzw. niemand konnte das mir bisher zeigen.

--
Viele Grüße

Peter

Re: css container

Hallo Linni,

> Wenn man es richtig macht ... ja wieviele machen es denn richtig?

Tja das ist eben die Frage.
Man kann sowohl mit Tabellen als auch mit CSS gute und
schlechte Seiten erstellen. Man muss sich halt nur Mühe
machen sich in die entsprechende Materie einzuarbeiten.

> Außerdem werden doch OHNE CSS ganze Banner, Bilder und Links
> ausgedruckt, die man auf Papier gar nicht braucht.

Das stimmt so aber nicht. Erstens kann man das im Browser
einstellen, ist meist sogar per Standard deaktiviert, dass z.B.
Hintergrundbilder usw. mit gedruckt werden, und viele
möchten einen Ausdruck eben genau so haben wie er auf
dem Bildschirm aussieht.

> Die Seiten würde ich gern sehen, von denen Du redest. Und warum
> willst Du CSS abschalten? Oder wer überhaupt? Ich sah eher
> Katastrophalen Seiten MIT Tabellen. Wenn ich nur an meinen eigenen
> von früher denken!

Das lag mit Sicherheit nicht daran weil es Tabellen gibt sondern
eher daran, dass du sie nicht richtig verwendet hast.

> Man kann sicherlich Tabellen innerhalb einem CSS Container erstellen
> - aber doch nur für Preislisten z.B.

CSS und Tabellen sind doch kein Gegensatz, man kann auch innerhalb
von Tabellen mit CSS arbeiten und sogar die Elemente einer Tabelle
mit CSS gestalten. Man sollte die Vorteile von beiden Techniken
nutzen und nicht in den Glaubenskrieg verfallen, dass Tabellen und
CSS sich gegenseitig ausschließen.

> Mit CSS kannst Du doch beliebig
> viele Spalten einrichten? Ich verstehe nicht: Du sagst Du arbeitest
> schon 10 Jahre mit CSS und hast immer hoch nicht gemerkt wie leicht
> und schön Seiten damit aussehen können? Tabellen sind doch so
> schwerfällig - klobige, unnötige Quelltext und lange Ladezeiten!

Na ja ob eine Div-Suppe die man oft sieht weniger Qelltext erzeugt
wenn falsch angewendet sei mal dahingestellt. Übersichtlicher
ist die ebenfalls nicht. Und du sagst "schön aussehen". Ja schon,
bzw. man macht ja Webseiten nicht für sich selbst sondern für die
Leute die sie betrachten. Denen ist der Quelltext sowieso egal, die
interessiert auch nicht womit das gemacht ist, die haben davon ja
zu 90% sowieso keine Ahnung (brauchen sie ja auch nicht) Und
dass die Ladezeit bei Tabellen zu hoch ist halte ich für ein Gerücht.

> Ja Ok. Ob Tabellen bei die W3C vorbeikommen, darüber möchte ich mit
> Dir nicht streiten. Ich kann's mir halt nicht vorstellen, weil
> Tabellen in der erste Linie NICHT als Hilfe für Weblayouts gedacht
> waren. Das hat man früher gern gemacht. Bis CSS kam!

Darüber braucht man auch nicht zu streiten, das ist nämlich so
wie Christoph geschrieben hat. Und auch das W3C hat nie behauptet,
dass CSS als "Gegenmittel" bzw. Nachfolger von Tabellen zu sehen
sein soll.

Wie gesagt, beides hat seine Berechtigung, beides kann gut
und schlecht angewendet werden und beides kann sich auch
sehr gut ergänzen.

Gruß,
Frank

Re: css container

Linni Felkel schrieb:

> Wenn man es richtig macht ... ja wieviele machen es denn richtig?

Ich habe dir bereits gesagt, daß es wesentlich einfacher, ein stabiles
Tabellenlayout zu entwickeln als ein stabiles CSS-Layout. Tabellen-
layouts verzeihen Fehler des Designers; einige CSS-Layouts scheinen
hingegen nur bei Vollmond und an ungeraden Kalendertagen zu
funktionieren.

> Außerdem werden doch OHNE CSS ganze Banner, Bilder und Links
> ausgedruckt, die man auf Papier gar nicht braucht.

Vielleicht solltest du die Postings, auf die du antwortest, mal lesen.
Ich argumentiere nicht gegen CSS, sondern gegen gegen Seiten, die mit
"position: absolute;" und aberwitzigen div-Kaskaden letztlich doch
Tabellen imitieren oder HTML zu einer Seitenbeschreibungssprache
verunstalten. Man kann auch bei einem Tabellenlayout trivial dafür
sorgen, daß uninteressante Elemente nicht mit ausgedruckt werden.

> Und warum willst Du CSS abschalten?

Viele Designer haben eine merkwürdige Vorstellungen davon, was eine
lesbare Schriftgröße ist. In Opera kann man zwar eine Mindestgröße
für Texte angeben, aber bei vielen CSS-Layout überlappen sich die
Texte der verschiedenen Spalten dann. (Bei Tabellen ist sowas übrigens
praktisch ausgeschlossen.) Bei solchen Seiten schalte ich CSS dann
doch lieber ganz aus.

> Mit CSS kannst Du doch beliebig viele Spalten einrichten?

Ja? Mach vor.

> Du sagst Du arbeitest schon 10 Jahre mit CSS und hast immer hoch nicht
> gemerkt wie leicht und schön Seiten damit aussehen können?

Das hättest du wohl gerne.

> Tabellen sind doch so schwerfällig - klobige, unnötige Quelltext und
> lange Ladezeiten!

Re: css container

Linni Felkel schrieb:

> Die Seiten würde ich gern sehen, von denen Du redest.

Solche Seiten begegnen mir täglich, aber ich schreibe mir sie nicht auf.

Gerade eben war ich aber gezwungen,

zu besuchen. Der Quellcode enthält kein einziges "table"-Element. Selbst in
IE7 ist die Darstellung eine Katastrophe, vgl.
.

Re: css container

"Christoph Schneegans" schrieb im Newsbeitrag
news:5btklpF2v0hobU1@mid.individual.net...
> Linni Felkel schrieb:
>
>> Die Seiten würde ich gern sehen, von denen Du redest.
>
> Solche Seiten begegnen mir täglich, aber ich schreibe mir sie nicht auf.
>
> Gerade eben war ich aber gezwungen,
>
> zu besuchen. Der Quellcode enthält kein einziges "table"-Element. Selbst
> in
> IE7 ist die Darstellung eine Katastrophe, vgl.
> .

Hi Christoph,
bei mir sieht die Darstellung im IE7 anders aus, aber auch nicht besser,
wenn eigene etwas größere Schriftgrößen eingestellt sind, damit den den Text
bei hoher Auflösung des Bildschormes wenigstens lesen kann.

Im firefox sieht es genai so schlecht aus, wenn die Schriftgrößen auf ein
Minimum begrenzt.

--
Viele Grüße

Peter

Re: css container

Peter Fleischer schrieb:

>>
>> zu besuchen. Der Quellcode enthält kein einziges "table"-Element. Selbst
>> in

> Hi Christoph,
> bei mir sieht die Darstellung im IE7 anders aus, aber auch nicht besser,
> wenn eigene etwas größere Schriftgrößen eingestellt sind, damit den den Text
> bei hoher Auflösung des Bildschormes wenigstens lesen kann.
>
> Im firefox sieht es genai so schlecht aus, wenn die Schriftgrößen auf ein
> Minimum begrenzt.
>

In meinem Firefox sieht es super aus, in allen sinnvollen (lesbaren)
Schriftgrössen.
Ich habe übrigens meine Probleme, die diesen Thread, auslösten schon
lange gelöst:
http://www.fabian-kremser.ch
Urs

Re: css container

Linni Felkel schrieb:
> Wie man sieht, sieht man nix. Meine: Deine URLs funktionieren nicht.
>
> "urs bögli" wrote:

>>> http://www.slainte.ch/fabian/index2.htm
das war nur ein Provisorium um die Webseiten zu testen, jetzt gilt:

http://www.fabian-kremser.ch