Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > Xhtml & Css 2.0
| geschrieben von Olli am 26.01.2004 - 11:04 |
| Hi, da ich finde, dass es langsam mal Zeit wird, sich mit diesem Thema näher auseinanderzusetzen, wollte ich mal Fragen, ob irgendjemand schon mehr Erfahrungen zu diesem Thema gesammelt hat. Immerhin unterstützen fast alle auf dem Markt verwendeten Browser XHTML und CSS 2.0 mehr oder weniger gut. Von selbst ernannten Profis höre ich immer wieder, man solle doch auf Tabellen verzichten und das ganze mit CSS regeln. Ich sehe da aber einige Probleme: Solange man nur ein flaches Design, ohne Grafiken verwenden möchte, ist das ja alles Problemlos möglich, aber wie sieht es zum Beispiel aus, wenn ich eine Rechteckige Box haben will, die an der rechten und unteren Seite einen Schatten hat? Oder was ist mit Elementen, die später als Tabelle dargestellt werden (Beispielsweise die Auflistung in diesem Forum). Inwieweit macht es da Sinn, Tabellen zu verbannen? Ich habe immer wieder von Browser inkompatibilitäten was CSS 2.0 Eigenschaften (wie z.B. die position-Eigenschaft) gehört. Der Internet Explorer und der Mozilla interpretieren diese Angabe unterschiedlich (IMHO macht es der Mozilla korrekt, position: absolute heisst, dass ein Element - auch beim Scrollen der Seite - an einer absoluten Poistion verbleibt. Der IE versteht es so, dass das Element mitgescrollt wird.). Jemand Ideen, Vorschläge oder eine schöne Seite mit einem Tutorial, die sich mit diesem Thema beschäftigt? Ich Suche selbstverständlich keine Einführung in HTML oder CSS, sondern eine Seite die auf Probleme bei der Verwendung von XHTML und CSS 2.0 mit einzelnen Browsern eingeht. Olli, der seit langem nicht mehr hier war |
| geschrieben von starleos am 26.01.2004 - 12:14 |
| Hi Oli, ich versuche mich auch auf diesem Gebiet. Lediglich probleme macht mir der Netscape / Mozilla in der Darstellung mit dem IE klappt es wunderbar. Bezüglich Schatten sehe ich keinen Problem, du kannst mit der absolute angabe und das z-index bestimmen welches Objekt im Hintergrund und welches im Vordegrund steht. Beispiel: http://www.starleos.com/system (ist auf spanisch die seite aber zum Vergleichen ist es ok, Seite ist übrigens noch nicht fertigt! geschrieben in XHTML 1.0 und CSS2) Im übrigen habe ich diese Seite auch im Mozilla und Netscape getestet, wobei es ausreicht wenn du es auf Mozilla testest da der Netscape sozusagen fast den selben Code hast, bei position:absolute bleiben die Inhalte dort wo du sie plaziert hast. Wenn du position:fixed machst wird die Angabe mitgescrollt., inzwischen habe ich jedoch ein zweites stylesheet geschrieben für Mozilla und Netscape. Die Lösung des Ganzem wäre eine Browserweiche einzubauen, und auf diesem Stand bin ich gerade, natürlich könnten man auch einen stylesheetswitcher anbieten. Der User könnte dann auf einen Link drücken zum Wechseln. Ideal ist natürlich dass das Ganze automatisch passiert. Links zu diesem Thema: http://www.webwriting.de/sogehts/cssebenen.shtml (sehr ausführlich) http://barrierefrei.e-workers.de/ (da bekommst du alles erklärt css2 und Beispiele) Wenn du noch Fragen haben solltest melde dich ruhig. Lg starleos |
| geschrieben von Pablo am 26.01.2004 - 15:37 |
| ich benutz eigentlich css 2 fast genauso viel wie css1, weil css2 schon raus war, als ich mich mit css beschäftigt hab. aber xhtml hab ich noch keine guten seiten drüber gefunden (auf dt.) aber ich werd noch was finden, und dann hauptsächlich xhtml proggen.... aber ich halte mich an die grundsätzlichen regeln von xhtrml (z.B. tag-namen klein, richtig verschachtelte tags...) is css3 schon raus? oder immer noch in produktion? Pablo |
| geschrieben von starleos am 26.01.2004 - 16:47 |
| nein CSS3 ist noch nicht draußen, ich wünschte die Browser kämen schon mit allen CSS Befehle klar die es beinhaltet. Wer weiss vielleicht in naher Zukunft. Hier kannst du aber eine Vorschau sehen was CSS3 beinhalten wird. http://www.css4you.de/artikel/a00001.php oder du schaust gleich bei w3c Mamma vorbei  http://www.w3.org/Style/CSS/current....rrent-work Lg starleos PS: eine phantastische xhtml seite: http://www.csszengarden.com/ |
| geschrieben von starleos am 26.01.2004 - 16:49 |
| http://www.w3.org/Style/CSS/current-work so jetzt stimmt der Link |
| geschrieben von Jan am 26.01.2004 - 20:27 |
| Hallo zusammen! Ich beschäftige mich schon länger mit diesem Thema. Und ich muss sagen, dass CSS bald besser für das Layout geeignet ist als die Tabellen, die eigentlich nicht zu diesem Zweck gedacht wurden. Eine Buchempfehlung kann ich euch zu dem Thema anbieten. Buch habe ich selber, ist wirklich sehr gut aufgebaut und bietet eine sehr gute Referenz. Cascading Stylesheets Dan Shafer, Kevin Yank dpunkt.verlag ISBN 3-89864-248-8 39 € Gruß Jan |
| geschrieben von starleos am 26.01.2004 - 20:56 |
| Hi Jan, aslo ich habe CSS - Praxis von Kai Laborenz, war bist jetzt am Übersichtlichsten für meine Begriffe, allerdingst kenne ich das Buch was du da aufgelistet hast nicht. Ich habe mir deine Seite angeschaut, alle Achtung hast dir ja eine wahnsinsmühe gegeben, alles dabei! Das mit den Tabellen ist natürlich wahr, ich habe vergleiche gemacht wo ich bis zu 60% Unterschied bei der Dategröße sowie Schnelligkeit hatte. Daher versuche ich jetzt ganz auf Tabellen zu verzichten, momentan klappt es ganz gut. Tabellen werde ich dann sicherlich bei xml Dateien benutzen. Lg starleos |
| geschrieben von René am 26.01.2004 - 21:56 |
| nur mal so. ;) es gab eine Zeit da waren Frames nicht gut jetzt sind dann wohl Tabellen dran? Versuch dich mal an der Seite http://schach.renmar.de/ mit <div></div> der Teil unten (Copyright) soll auch immer unten sein egal welche Auflösung der Monitor hat und alles zusammen immer zentriert. |
| geschrieben von Klaush am 26.01.2004 - 22:17 |
ich will jetzt keine unruhe stiften, aber 60% an Daten und Schnelligkeit ....  gefunden im Quellcode http://www.csszengarden.com/: <div id="container"> <div id="intro"> <div id="pageHeader"> <h1><span>css Zen Garden</span></h1> </div> </div> </div> nicht zu verdenken das man sich die </style> aus der externen Datei ansehen sollte, die Platzt auch aus allen Nähten. Dann bleib ich doch lieber bei den alten Tabellen: <table border=0> <tr> <td>css Zen Garden</td> </tr> </table> zumal es weniger an Daten ist, zumindest was die Basis bringt. Die Schnelligkeit macht sich auch erst ab 100 Tabellen spürbar, ansonsten kratzt es einem 800 MHz CPU wenig wieviele Tabellen im Code stecken, Der Browser kann damit umgehen und die dynamic ist mit einem 800 MHz CPU nicht am limit. Ich kenne XHTML zu wenig, aber es gibt auch im Netz gespaltene Meinung zum Code. Wer mit Tabellen umgehen kann weiß diese auch einzusetzen, auch so das es jeder Browser versteht. Ich lass mich überraschen und beobachte XHTML weiter .... |
| geschrieben von starleos am 26.01.2004 - 22:40 |
| Hallo Klausch, wie du schon sagtest die Meinungen spalten sicht, ich mag lieber divs als mit Tabellen arbeiten. Habe auch nicht behauptet das bei csszengarden diese Schnelligkeit sein sollte, wollte eigentlich nur daraufhinweisen das es ohne Tabellen auch geht. Sicherlich manche Designs sid eher Tabellen geeignet und andere dafür sind ideal für div´s, ich habe früher sehr viel mit Tabellen gearbeitet. Derzeit schreibe ich auf XHTML ein Grund dafür auch ist xml, der eine mags der andere nicht, solange der Browser alles darstellt ist es ja auch kein Problem. Zu den anderen Beitrag, der Link http://schach.renmar.de/ geht bei mir nicht, viellecht sind es zu viele Tabellen , nein Spass bei Seite jeder wie er meint.Lg starleos |
| geschrieben von René am 26.01.2004 - 22:47 |
| @starleos, peinlich, peinlich, war die lokale Url zu Hause ;) dann nimm die in der Sig. |
| geschrieben von starleos am 26.01.2004 - 22:55 |
| *grins* gehe stark davon aus das es deine Seite ist oder? Lg starleos |
| geschrieben von René am 26.01.2004 - 22:57 |
| ja, aber nicht mein Server zu Hause. Die Seite läuft in Saarbrücken bei jemanden zu Hause auf dem Server unter einem normalen DSL-Anschluß. |
| geschrieben von starleos am 26.01.2004 - 23:13 |
| netter Effekt mit dem versteckten Quelltext, solange man es mit dem Explorer betrachtet natürlich, im Mozilla geht es Nun René, um diese Herausforderung anzunehmen muss du mir noch etwas Zeit geben, zur Zeit bin ich noch auf diesem Gebiet im Aufbau aber ich komme irgendwann drauf zurück. Übrigens, gute Farbzusammenstellung Lg starleos |
| geschrieben von René am 26.01.2004 - 23:23 |
| @starleos, einmal Reload der Seite dann ist er auch im IE zusehen. Warum der den nicht gleich anzeigt kann daran liegen das die Seite GZIP-Komprimiert gesendet wird wenn in ihm HTTP 1.1 aktiv ist und er GZIP-Komprimiert seiten unterstützt. |