Gute Lektüre gesucht: XHTML und CSS

[LeXTul]

So .. nachdem ich nun meinen Webspace hab ( http://www.forum-3dcenter.org/vbulletin/showthread.php?t=195339 ) , möchte ich natürlich anfangen ne kleine Seite zu basteln.

Ich habe mich nach ein wenig lesen entschieden, XHTML 1.1 und CSS zu verwenden. Man will sichs ja nciht allzu einfach machen. *grins*

Kann mir jemand gute Lektüre empfehlen ? (WWW, ebooks oder halt die guten alten Bücher)

hab vorhin bei Selfhtml geguggt aber soweit ich das gesehen hab, wird da nur kurz drauf eingegangen.

[SODA-MAX]

also ich könnte da css4u (http://www.css4you.de/) empfehlen.

aber ich sag es ma so. les dich erstma in HTML und css ein. danach kannst du ja dann php machen. so hat es mein bruder auch gemacht. und eben mit selfHTML (http://www.selfhtml.de) und selfPHP (http://www.selfphp.de) einarbeiten. dann kannst du schon gute seiten machen. so wie ich das weiß, ist xhtml nicht gerade einfach.

MFG
MG

[user08/15]

Das was bei SelfHTML steht reicht eigentlich schon.
Für CSS wie schon gesagt css4you oder halt die CSS-Referenz von SelfHTML.
Allerdings solltest du kein XHTML 1.1 verwenden, weil man das laut W3C-Spec als application/xhtml+xml ausliefern muss, der IE unterstützt das net und öffnet ein Downloadfenster. Bei XHTML 1.0 darfst dus noch als text/html ausliefern. Allerdings isses am besten du machst ne Browserweiche, damit Gecko und Opera ihren XML-Parser benutzen können.

[LeXTul]

Ich denke mal wenn schon, denn schon :) ich versuch mich an XHTML 1.1 .. das mit der Browserweiche hab ich schon gelesen auf http://meiert.com/de/releases/20041004/ und auch schon son file auf den server getan (so viel wie heut hab ich lange nciht gelesen *g* )

aber 2 sachen sind merkwürdig (folgende Seite http://wp1001378.wp003.webpack.hosteurope.de/ )

1. öffne ich die seite ausm web, ist der hintergrund wie gewünscht lila, öffne ich die seite von der platte ist er weiss. wie geht das ?

ebenso der mime-type .. von platte (also die datei index.html öffnen) mit opera isser text/html ausm netz genau das selbe .. trotz doctype, meta-tag und dem beschriebenen .htaccess-file (schaut innen source der seite, iss nich viel. soll nur keine standard-seite vom hoster kommen so lang ich bastel)

unterstützt wird es vom hoster siehe http://www.hosteurope.de/faq/index.php?cpid=10963
und unterstützte mimetypen sind http://www.hosteurope.de/faq/index.php?cpid=3713

hab einfach ne textdatei gemacht mit folgendem inhalt :

AddType application/xhtml+xml .html
RewriteEngine on
RewriteBase /
RewriteCond %{HTTP_ACCEPT} application/xhtml\+xml
RewriteCond %{HTTP_ACCEPT} !application/xhtml\+xml\s*;\s*q=0
RewriteCond %{REQUEST_URI} \.html$
RewriteCond %{THE_REQUEST} HTTP/1\.1
RewriteRule .* - [T=application/xhtml+xml]

und sie als .htaccess auf den webspace getan ...

2. benenne ich die seite auf dem server index.html geht alles .. benenne ich sie index.xhtml findet er sie nciht und es kommt ne standardseite vom hoster

liegt das auch an der config des apache ? kann man das auch mit der .htaccess hinbekommen ?

Und dann noch eine Frage .. ich wollte das bild mittig auf die seite tun. aber wenn cih mit top und bottom 50% arbeite nimmet er immer die ibere linke ecke als bezugspunkt .. also änder ich die %te ... dann sieht es aber auf unterschiedlichen auflösungen doof auch (1024 und 1280 z.B.)
kann ich ihm sagen daß er die mitte des bildes als Bezugspunkt und nciht die obere linke ecke wählen soll ?
ich glaub cih brauch doch ein buch .. und bei selfhtml wird sich doch meist auch html bezigen, nciht auf xhtml 1.1 oder seh cih das falsch ? hab ja nur mal so überflogen ...

Ich glaub ich sollte das mal überschlaafen (bevor ich noch mehr verwirrendes poste) mit dem 1.0 und dem 1.1 ... und auf antworten hier warten ... ich dachte nur wenn ich mir die zeit nehme und was lerne, sollte es gleich was mit zukunftssicherheit werden .. daher das 1.1

das war der einzige grund, n8 liebes forum :)

[MadMan2k]

die Unterschiede zwischen XHTML1.0 Strict und XHTML1.1 sind nicht der Rede wert.
Die nächste Umgewöhnung kommt erst mit XHTML2 (http://www.w3.org/TR/2004/WD-xhtml2-20040722/introduction.html#s_intro). Wichtig is nur, dass du die semantische Funktion von HTML kapierst - dann kannst du auch XHTML2 sinnvoll einsetzen.

Als Lektüre würd ich dir da glatt das Original (http://www.w3.org/MarkUp/) empfehlen.

[user08/15]

1. öffne ich die seite ausm web, ist der hintergrund wie gewünscht lila, öffne ich die seite von der platte ist er weiss. wie geht das ?

Das liegt daran dass du für die CSS einen Pfad angegeben hast der mit einem Slash beginnt und das heißt dass immer vom "Rootverzeichnis" deiner Domain gesucht wird. Wenn mans lokal testet haut das dann natürlich net hin.

ebenso der mime-type .. von platte (also die datei index.html öffnen) mit opera isser text/html ausm netz genau das selbe .. trotz doctype, meta-tag und dem beschriebenen .htaccess-file (schaut innen source der seite, iss nich viel. soll nur keine standard-seite vom hoster kommen so lang ich bastel)

unterstützt wird es vom hoster siehe http://www.hosteurope.de/faq/index.php?cpid=10963
und unterstützte mimetypen sind http://www.hosteurope.de/faq/index.php?cpid=3713

hab einfach ne textdatei gemacht mit folgendem inhalt :

AddType application/xhtml+xml .html
RewriteEngine on
RewriteBase /
RewriteCond %{HTTP_ACCEPT} application/xhtml\+xml
RewriteCond %{HTTP_ACCEPT} !application/xhtml\+xml\s*;\s*q=0
RewriteCond %{REQUEST_URI} \.html$
RewriteCond %{THE_REQUEST} HTTP/1\.1
RewriteRule .* - [T=application/xhtml+xml]

und sie als .htaccess auf den webspace getan ...

Versuchs mal mit folgendem PHP-Script am Anfang jeder Seite (ungetestet):

if(strpos($_SERVER['HTTP_USER_AGENT'], 'Gecko') || strpos($_SERVER['HTTP_USER_AGENT'], 'Opera')) {
header('Content-Type: application/xhtml+xml;charset=ISO-8859-1');
} else {
header('Content-Type: text/html;charset=ISO-8859-1');
}
header('Vary: Accept');

Und dann noch eine Frage .. ich wollte das bild mittig auf die seite tun. aber wenn cih mit top und bottom 50% arbeite nimmet er immer die ibere linke ecke als bezugspunkt .. also änder ich die %te ... dann sieht es aber auf unterschiedlichen auflösungen doof auch (1024 und 1280 z.B.)
kann ich ihm sagen daß er die mitte des bildes als Bezugspunkt und nciht die obere linke ecke wählen soll ?

Das geht so afaik nicht, du könntest aber das Bild in ein div mit text-align:center packen.

ich glaub cih brauch doch ein buch .. und bei selfhtml wird sich doch meist auch html bezigen, nciht auf xhtml 1.1 oder seh cih das falsch ? hab ja nur mal so überflogen ...
In der XHTML-Sektion (http://de.selfhtml.org/html/xhtml/index.htm) werden afaik alle Unterschiede behandelt. Außerdem steht bei allen Tags die in XHTML anders sind auch noch ne Anmerkung.[/quote]