nicht angemeldet
Hallo Tobias,
Ich habe gerade angefangen mich mit CSS zu beschäftigen (entdecke die Möglichkeiten ;)); und wie geht es besser, als gleich Praxis-orientiert zu arbeiten.
Ich habe mir die Seite zum 'überprüfen' immer im Mozilla angesehen. Nun habe ich sie mit IE 6.0, Opera 7.0, Netscape 7.0 & eben Mozilla betrachtet. Nur Netscape & Mozilla bringen das gewünschte Ergebnis.
Bei mir sieht's nur im Opera wie anscheinend gewünscht aus. Im MSIE6 und Firebird 0.5 ist die komplette linke Seite verrutscht, das Hintergrund liegt falsch und der Vordergrundinhalt ebenso.
Ich würde Euch gerne bitten, meine Seite mal anzuschauen und mir sagen, ob ich mich beim Thema CSS (bzw. die Einbindung in Html) nochmal ein paar Stunden vor selfhtml setzen muss, oder ob es an den oben genannten Browsern liegt.
Werfe alle unnötigen Tabellen aus dem Markup. Eine Tabelle reicht, die Tabelle in der oberen Zelle ist unnötig, du kannst die Abstände mit padding für das td-Element realisieren. Die Tabelle innerhalb der rechten Zelle erfüllt anscheinend auch keinen Zweck.
Versuche jedes überflüssige Element zu vermeiden und versuche, das Meiste mit CSS und strukturierenden Elementen (Überschriften etc.), IDs und Klassen umzusetzen. Du benutzt CSS wie font-Elemente, so ist es aber nicht gedacht und so wirst du damit auch auf keinen grünen Zweig kommen. Das style-Attribut kann nicht nur in div und span untergebracht werden, deine vielen span- und div-Container mit style-Attributen sind überflüssig. Abgesehen davon: Lagere alle Styles aus und lerne, wie du mit Selektoren effektiv bestimmte Elemente ansprechen kannst.
<span style="font-size:5pt">
<p> </p>
</span>
So etwas ist Codemüll, löse es mit CSS (margins), und zwar mit externen Styles.
Anstatt diesem Codemonster:
<p align="left"><b><u>News:</u></b></p>
<span style="font-variant:small-caps">
<span style="font-size:8pt">
<p align="left">News-news-news-news-news.
News-news-news-news-news-
News-news-news-news-news-
News-news-news-news <br>
<a href="inline.html" target="main">-Alle Neuigkeiten-</a><br><a href="inline.html">-Homepagenews-</a></span></span>
<span style="font-size:8pt">
<u>Last Update: xx.xx.xxxx</u></span>
</p>
würde bspw. folgendes ausreichen:
<h2>News:</h2>
<p id="news">News News News ...<br>
<a href="inline.html" target="main">Alle Neuigkeiten</a><br>
<a href="inline.html">Homepagenews</a></p>
<p id="update">Last Update: xx.xx.xxxx</p>
Für alle weiteren Formatierungen nutzt du externe CSS-Regeln.
Den Sinn von alt-Attributen hast du anscheinend nicht verstanden, lies mal folgende Seiten:
http://www.bjoernsworld.de/html/alt-text.html
http://www.cs.tut.fi/~jkorpela/html/alt.html
http://webdesign.crissov.de/alt-Text
<body bgcolor="#000000" link="#6699FF" vlink="#6699CC" alink="#FE0000" text="#3366CC">
Das kannst du alles mit CSS lösen.
<div align="center">
Das align-Attribut kannst du auch direkt auf die Layouttabelle anwenden. Du suchst aber wie gesagt eher nach der CSS-Eigenschaft text-align. Zur Zentrierung von Blockelementen siehe auch http://aktuell.de.selfhtml.org/tippstricks/css/ausrichtung/.
Im Archiv erfährst du, warum »pt« eine praktisch ungeeignete Größeneinheit für Webseiten auf dem Medium screen/projection ist.
Grüße,
Mathias
Ein Mensch ist mehr als (.*[a-zA-Zäöü]{2,}.*_.*[a-zA-Z]{2,}.*_+<.*\w.*@{1}\w+.*.[a-zA-Z]{2,4}>)|(\w+@{1}\w+.*.[a-zA-Z]{2,4}_+(.*[a-zA-Zäöüäöü]{2,}.*_.*[a-zA-Zäöü]{2,}.*)) erfassen kann.