![\"newbie.jpg\"](\"http:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2007\/11\/newbie.thumbnail.jpg\")
<\/p>\n<\/p>\n
Mein Sohn bastelt zur Zeit an seiner ersten Webseite und fragte mich heute Morgen, warum seine Seite im Firefox nach link gerutscht sei und im Internet-Explorer nicht?<\/p>\n
Der Grund war schnell gefunden, im css fehlte ein {margin: 0 auto 0 auto;}<\/p>\n
Anlass genug , dass wir uns dar\u00fcber unterhielten was denn eigentlich eine .css Datei so tut und wozu die da ist.<\/p>\n
Eine html- Webseite ist wie eine Party, zu der man ganz viele Personen (Elemente) einladen kann. Diese Elemente haben einen Namen, so wie auch Personen einen Namen haben. Wer das alles ist und wie die Namen der Personen sind, kann man erfahren, wenn man einen Blick in den Code der html-Seite wirft. Die Namen stehen in spitzen Klammern.<\/p>\n
Wenn du mal einen Blick in folgende Tabelle wirfst, kannst du sehen, wen man alles zu so einer Party einladen kann.<\/p>\n
html-Elementreferenz <\/a><\/p>\n Personen haben aber nicht nur einen Namen, sondern auch ein individuelles Aussehen. Und das ist das Gute an Webseiten: mit CSS kann man n\u00e4mlich selber bestimmen, wie die G\u00e4ste aussehen sollen und nicht nur das. CSS ist n\u00e4mlich echt was f\u00fcr Kontrollfreaks, denn man bestimmt damit auch wo die G\u00e4ste stehen, wie dick sie sind oder wie d\u00fcnn, ob sie rot oder gr\u00fcn sein sollen oder sich gar unsichtbar machen, ob sie sich \u00fcber andere hinweg setzen oder sich in eine Polonaise einreihen, ob sie zu einer Gruppe geh\u00f6ren oder ob sie Individualisten sind und noch vieles mehr.<\/p>\n Ich mache aus meiner Webseite also einen Party-Keller. Diesen Raum verkn\u00fcpfe ich mit einer Beschreibung, die alle Informationen dar\u00fcber enth\u00e4lt, wie der Raum und die G\u00e4ste darin aussehen sollen.<\/p>\n Wenn ich nun eine fertige Webseite habe, die CSS-Stylesheets benutzt und ich am Aussehen der G\u00e4ste etwas ver\u00e4ndern m\u00f6chte, dann gehe ich den umgekehrten Weg und schaue ich mir zuerst den Partyraum an. Dort kann ich sehen wer alles zu der Party gekommen ist. Dort kann ich sehen wie die Person hei\u00dft, die ich ver\u00e4ndern m\u00f6chte. Habe ich diesen gefunden, kann ich diesem Element recht einfach z.B. eine andere Hintergrundfarbe geben oder ihm eine andere Position zuweisen.<\/p>\n","protected":false},"excerpt":{"rendered":" Mein Sohn bastelt zur Zeit an seiner ersten Webseite und fragte mich heute Morgen, warum seine Seite im Firefox nach link gerutscht sei und im Internet-Explorer nicht?
\nZu Deutsch: Ich schalte im Browser die Codeansicht ein und suche die Stelle, an der ich etwas ver\u00e4ndern m\u00f6chte.<\/p>\n
\nZu Deutsch: ich suche den Namen des html-Tags. Dann \u00f6ffne ich die .css Datei und suche dort den Namen des Elementes.<\/p>\n
\nDer Grund war schnell gefunden, im css fehlte ein {margin: 0 auto 0 auto;}
\nAnlass genug , dass wir uns dar\u00fcber unterhielten was denn eigentlich eine .css Datei so tut … Weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"yst_prominent_words":[],"class_list":["post-3600","post","type-post","status-publish","format-standard","hentry","category-webdesign"],"_links":{"self":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/3600","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/comments?post=3600"}],"version-history":[{"count":1,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/3600\/revisions"}],"predecessor-version":[{"id":4048,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/3600\/revisions\/4048"}],"wp:attachment":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media?parent=3600"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/categories?post=3600"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/tags?post=3600"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=3600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}