Zum Inhalt, überspringe Kopfzeile
Stefans Webseite - Blog
Zum Inhalt, überspringe Seitennavigation
Inhalt:
Kategorien:
Aktionen (4)- Allgemeines (39)
- Altes Blog (271)
- C++ (5)
- CSS (6)
- DRM (1)
- Fastnacht (1)
- Fotografie (2)
- Gedanken
- Geschichte (3)
- Hardware (8)
- HTML (1)
- Humor (31)
- Internet (25)
- Kino und TV (21)
- Kurioses (12)
- Literatur
- Lokales (8)
- Mac (25)
- Musik (27)
- Neues (37)
- Palm
- PHP (13)
- Politik (65)
- Privates (11)
- Qt (2)
- Rollenspiel
- Schule (3)
- Software (44)
- Spiele (2)
- Spielkonsole (3)
- TETRA (8)
- Überwachung (10)
- Unix (12)
- Webdesign (23)
- Weblog (19)
- Wiki (18)
- Wissenschaft (3)
- Zensur (3)
- Zitate (1)
Foto: Rhy-Deufel Öflingen
Archive:
Februar 2010 (0)
Januar 2010 (0)
Dezember 2009 (0)
November 2009 (0)
Das neueste ...
Älteres ...
Aktuelle Einträge:
- Unterstützung von Griechenland - Maastricher Vertrag, die No-Bail-Out-Klausel
Mi, 10.02.2010, 22:55 - Flugreisen - Bitte 3 Tage vorher einchecken
Di, 19.01.2010, 23:25 - Bin in der Badischen Zeitung
So, 27.09.2009, 01:27 - Politiker und ihre Aussagen
Do, 27.08.2009, 18:26 - Pro7 verstümmelt mal wieder einen Film
So, 23.08.2009, 19:42 - Ursula von der Leyen (CDU) hält nichts von Pressefreiheit
Sa, 22.08.2009, 23:56 - Piratenpartei - Klarmachen zum Ändern!
Sa, 08.08.2009, 12:33 - Seehofer und Bundesregierung wollen Ursache der Finanzkrise verheimlichen
So, 26.07.2009, 11:12 - Jörg Tauss bei der Debatte zur Grundrechte
Mo, 06.07.2009, 20:57 - Was der ZDF nicht passt wird zensiert
Mo, 06.07.2009, 20:43
Kommentare:
- always win roulette zu Unterstützung von Griechenland - Maastricher Vertrag, die No-Bail-Out-Klausel (Do, 04.03.2010, 10:51):
An sich ne gute Sache, ich frag mich nur, ob das auch [...] - Mario zu CocoaBooklet - Flyer drucken (Fr, 29.01.2010, 18:47):
Danke für diesen Tipp. Da wir gerade Flyer drucken müs [...] - Name zu Ursula von der Leyen (CDU) hält nichts von Pressefreiheit (So, 23.08.2009, 00:40):
Da war die Presse ganz offiziell von der Ministerin ei [...] - Björn zu Motorola baut digitalen Behördenfunk in Portugal auf (Mo, 11.05.2009, 09:07):
Das Handyhersteller sich mittlerweile nicht nur um die [...] - N. Tamaire zu LG Hamburg und Thomas Horn - Internet nicht verstanden (Do, 07.05.2009, 17:20):
Moment, Moment - das Problem ist nicht, dass das LG Ha [...] - AnTiBoWo zu Wieder sind die "Killerspiele" schuld (Do, 12.03.2009, 15:00):
Schuld suche mal wieder bei Killerspiele Ich will ers [...] - golf 3 tuning zu Wie heisst Atze Schröder in echt? (Mo, 02.02.2009, 15:07):
also ich kann beim patentamt nirgends den echten namen [...] - tom zu LG Hamburg und Thomas Horn - Internet nicht verstanden (Di, 16.12.2008, 16:59):
sehr gut geschrieben! Unfassbar solche Gerichtsurteile
- Jochen Uebel zu VG Wort macht Multifunktionsdrucker in Deutschland unbrauchbar (Mi, 26.11.2008, 08:51):
Wir leben in einer Erpressergesellschaft, wo jeder sta [...] - stefan zu Neues Handy & Spielereien mit Bluetooth (Mo, 17.11.2008, 03:59):
Echt interessanter Beitrag. Manchmal vergisst man, wa [...]
Trackbacks:
- Projekt 5 Prozent zu Nervige SMS von 99199 (Mo, 31.03.2008, 12:41):
Ekelhaft! Heute habe ich um 12:34 Uhr eine SMS mit der [...] - mein-parteibuch.com zu Gravenreuth 6 Monate im Knast - Ja! (Di, 18.09.2007, 17:49):
Ist es bald soweit? 2006 Lurusa Gross Zu der [...] - Musik- und Kulturwerkstatt Öflingen zu Die Methoden der Spammer (Do, 06.09.2007, 22:43):
Wie einige von euch bestimmt bemerkt haben wird unse [...] - barhgrol zu HD-DVD - Gängelung des Kunden (Mo, 03.09.2007, 14:52):
Endlich mal ein Problem das ich nicht habe Ich höre i [...] - Gedanken lesen zu Aktion: Grundgesetz an Schäuble schicken (Di, 14.08.2007, 14:32):
Mit seinen Vorstößen in das Privatleben deutscher Stat [...] - karan.twoday.net zu Aktion: Grundgesetz an Schäuble schicken (Sa, 14.07.2007, 00:18):
Morgen haben wir eine Probe für das Konzert am n& [...] - gddwnb zu Petition: sofortige Amtsenthebung von Innenminister Schäuble (Sa, 07.07.2007, 19:21):
haut dem Fass den Boden raus. Schaeuble dreht am Ra [...] - gddwnb zu Wieder sind die "Killerspiele" schuld (Mo, 14.05.2007, 00:20):
hab ich noch ein bisschen in Blogs gestoebert und das [...]
Tags:
Abonnieren:
Twitter:
- Gemütlich Met am trinken zu "Fluch der Karibik II".So, 07.03.2010, 20:19
- So, dann kann der Abend ja losgehen. Party on Dude!Sa, 06.03.2010, 20:33
- Am Fotos sortieren...Sa, 27.02.2010, 20:53
- Ärgerlicher Husten ... gibts da noch kein Kraut dagegen?Di, 23.02.2010, 18:11
- Noch in Maulburg - nach dem Umzug - in der Bar.Sa, 13.02.2010, 23:02
- Auf dem Weg im Bus nach Erzingen zum Nachtumzug.Fr, 12.02.2010, 17:57
- Schwörstadt, VHN-Party, in der Bar.Sa, 06.02.2010, 21:52
- So, mittlerweile wieder zu Hause angekommen. Schön wars.So, 31.01.2010, 21:18
- Waldshut mittlerweile erreicht.So, 31.01.2010, 20:19
- Abfahrt von Esslingen nach Hause.So, 31.01.2010, 17:01
Weitere Projekte:
Meta:
Rechtliches:
Dienstag, 19. Februar 2008
Tabelle auf ganze Seitenhöhe ausdehnen
Für das Layout einer Webseite werden oft noch Tabellen, sogenannte Layout-Tabellen, genutzt (im Gegensatz zu div-Containern in Verbindung mit CSS).
So kann man z.B. eine Webseite mit zwei Spalten gestalten. In der linken schmalen Spalte kommt die Navigation und in der rechten breiteren Spalte landet der eigentliche Inhalt. Jede Spalte bekommt nun noch eine passende Hintergrundfarbe.
+--+------+ | | | | | | | | | +--+------+
So lange die Spalten genügend Inhalt (Text) haben, so das die Tabellenhöhe größer ist als die Höhe des Browserfensters, hat man kein Problem. Kaum ist aber die Tabellenhöhe zu klein, so sieht das Design der Webseite nicht mehr unbedingt den Vorstellungen entsprechend aus. In diesem Fall hat man im oberen Teil des Browserfensters die Tabelle mit dem hübschen Hintergrund, danach aber eine leere einfarbige Fläche die ganz und gar nicht zum Design passt.
+--+------+ | | | | | | +--+------+ ###########
Wie schafft man es nun das die Tabelle immer die komplette Höhe des Browserfenster einnimmt. Die Angabe von height:100% in CSS bringt nicht den gewünschten Erfolg.
Dies liegt daran das sich die Höhe in diesem Fall nach dem darunterliegenden Container richtet. In diesem Fall <body> das wiederum in <html> eingebettet ist. Bei allen Container macht der Browser eine automatische Höhenanpassung und stellt die Höhe auf den größten gemeinsamen Nenner ein. Mit der CSS-Angabe height:100% für die Tabelle nimmt die Tabelle somit 100% Höhe von <body> ein, das Element <body> aber nicht 100% Höhe des Browserfensters.
Aber es gibt Abhilfe:
body { height:100%; }
table.layout { height:100%; }
Das obige Beispiel gilt für die Layout-Tabelle der Klasse layout.
Geschrieben von Stefan Jahn
in CSS, HTML, Webdesign
um
21:17
| Kommentare (0)
| Trackbacks (0)
Donnerstag, 18. Mai 2006
Buttons stylen oder nicht?
Soll man auf seiner Webseite die Buttons und Formularfelder mit Hilfe von CSS stylen? Also nicht nur die Position und Größe ändern sondern auch das Aussehen wie Umrandung, Schriftgröße, Hintergrundfarbe? Oder sogar eigene Grafiken für die Buttons entwerfen?
Hab dazu den lesenswerten Artikel Designtaktikten im Formularkrieg auf praegnanz.de gefunden.
Nun, in folge dessen, und da ich bei diversen Browsern (z.B. Safari) eh keinen großen EInfluß auf die Buttons habe, habe ich alle optischen Änderungen an meinen Formularfeldern und Buttons aus meiner CSS-Datei entfernt. Der Besucher hat somit einen "Aha-Effekt" da er ja die Buttons am Erscheinungsbild sofort wiedererkennt.
Geschrieben von Stefan Jahn
in CSS, Webdesign
um
18:48
| Kommentare (0)
| Trackbacks (0)
Sonntag, 12. März 2006
Peek-a-boo Bug - oder Inhalt der im Internet Explorer verschwindet
Das der Internet Explorer leider einige Fehler hat ist wohl jedem Webdesigner oder Webmaster bekannt. Ein Rätsel war mir bis jetzt aber immer noch das diverse Inhalte - also Text und Links - im Internet Explorer teilweise gar nicht angezeigt werden oder beim Scrollen verschwinden und die Hintegrundfarben teilweise aus den Boxen herauslaufen. Hübsch zu beobachten auf der Homepager der Rhy-Deufel Öflingen.
Mittlerweile bin ich etwas schlauer, denn ich weiß jetzt wie der Bug heisst. Es ist der Peak-a-boo Bug und hängt mit der Verwendung des CSS-Befehl float zusammen. Mal schauen ob sich mit der Information etwas anfangen lässt.
Geschrieben von Stefan Jahn
in CSS, Webdesign
um
01:21
| Kommentare (0)
| Trackbacks (0)
Sonntag, 5. Februar 2006
SelfHTML 8.1.1 als chm-Datei verfügbar
Die bekannte Dokumentation rund um HTML, CSS und Javascript SelfHTML ist nun in der neusten Version 8.1.1 als chm-Datei (Compiled HTML Help) verfügbar. Auf der entsprechenden Download-Seite kann man die Datei runterladen und findet noch einige Informationen über die Benutzung und verschiedene chm-Betrachter.
Quelle: SelfHTML aktuell Weblog
Geschrieben von Stefan Jahn
in CSS, Webdesign
um
11:17
| Kommentare (0)
| Trackbacks (0)
Donnerstag, 19. Januar 2006
CSS-Definitionen für Drucker
Wie ich vor ein paar Tagen geschrieben habe waren die CSS-Definitionen für den Ausdruck dieser Webseiten auf einem Drucker - bedingt durch die Menüspalte - etwas fehlerhaft. Dieses kleine unschöne Detail hat sich hiermit erledigt. Die CSS-Datei für den Ausdruck wurde entsprechend angepasst, so das der Inhalt dieser Homepage formschön auf einem Drucker ausgedruckt werden kann.
Für die Aussenstehenden die nichts mit HTML, CSS oder Webdesign am Hut haben eine kurze Erklärung: Die Webseiten die du hier siehst bestehen aus zwei Informationen. Einmal der Inhalt - also dieser Text hier - und des weiteren aus Angaben wie der Text dargestellt werden soll - Farben, Layout, Schriftgröße, Hintergründe, Abstände, ... Diese Angaben der Darstellung werden mit Hilfe von CSS verwirklicht, dabei stehen sämtliche Angaben in einer oder mehreren CSS-Dateien. Das hat den großen Vorteil, daß man mit der Änderung der CSS-Dateien bei allen Webseiten gleichzeitig das Aussehen ändern kann. Ein weitere Vorteil von CSS ist, daß man für verschiedene Ausgabegeräte verschiedene CSS-Definitionen (oder Dateien) hinterlegen kann. Der Browser nutzt die CSS-Datei für den Bildschirm (was der Normalfall und Standard ist), für den Drucker kann man aber eine eigene CSS-Datei angeben. Diese Technik wird auf dieser Homepage genutzt. So kann ich den Ausdruck komplett anders aussehen lassen als die Anzeige auf dem Bildschirm. Das beste Beispiel dafür ist die Schriftart. Hier auf dem Bildschirm ist sie serifenlos (wie z.B. Helvetica oder Arial), auf dem Ausdruck hat sie aber nachher Serifen (wie z.B. Times New Roman).
Natürlich kann man noch weitere CSS-Definitionen für andere Ausgabegeräte angeben, so z.B. für einen Beamer, Fernseher oder PDA. Kommt natürlich immer darauf an ob der Browser die Funktion auch unterstütz.
Geschrieben von Stefan Jahn
in CSS
um
22:06
| Kommentare (0)
| Trackbacks (0)
Dienstag, 10. Januar 2006
Textschatten mit CSS2
Mit dem CSS2-Befehl "text-shadow" ist es Möglich Text mit einem Schatten zu hinterlegen. Laut SelfHTML unterstützten momentan nur die Browser Safari ab Version 1.2 und Konqueror ab Version 3.4 diesen Befehl. Beide Browser basieren auf der Rendering-Engine KHTML. Dies bedeutet natürlich auch das alle anderen Programme die KHTML nutzen den Effekt ebenfalls anzeigen können. Das der leidige Internet Explorer sowas nicht kann brauch ich ja wohl nicht erst erwähnen. Für all diejenigen die den Effekt nicht sehen können hier ein kleines Bild davon:
Für diese Darstellung wird folgender Eintrag in der CSS-Datei verwendet:
text-shadow:royalblue 0.1em -0.1em 0.2em;
Geschrieben von Stefan Jahn
in CSS, Neues, Webdesign
um
22:53
| Kommentare (0)
| Trackbacks (0)
Zum Inhalt zurück | Zum Seitenanfang