Kennen Sie das auch? Kaum ein CSS-Layout funktioniert "out of the box"! Die Umsetzung fortgeschrittener CSS-Techniken stellt für Webentwickler auf jeder Erfahrungsstufe eine schwierige Hürde dar. Dieses Buch zeigt Ihnen, wie Sie fortgeschrittene Techniken in CSS nutzen und Browserfehler vermeiden können.
In drei umfangreichen und reich illustrierten Teilen zeigen Ihnen die beiden Autoren Corina Rudel und Ingo Chao die Vielfalt der CSS-Prinzipien anhand von vielen Kurzbeispielen, stellen Ihnen kompetent den Umgang mit Inkonsistenzen in modernen Browsern dar und vermitteln professionelle Debugging-Techniken.
Natürlich kommt auch die Praxis nicht zu kurz. Unter anderem erwarten Sie hier verschachtelte Navigationslisten, Mehrspaltenlayouts und viele andere komplexe Layouts.
Reihe
Sprache
Verlagsort
Maße
Höhe: 17.5 cm
Breite: 24 cm
ISBN-13
978-3-8362-1138-3 (9783836211383)
Schweitzer Klassifikation
Einleitung 13
Hinweise zum Buch und zur DVD 15
1 Eine Annäherung an die Spezifikation 21
1.1 Der Zweck der Spezifikation 21
1.2 Designprinzipien von CSS 23
1.3 Warum gibt es dieses oder jenes nicht in CSS 24
1.4 Einen Zugang zur Spezifikation finden 26
1.5 Zur Begriffsbestimmung 28
2 Vertikale Anordnung 31
2.1 100?% Mindesthöhe 32
2.2 Fußzeile am Ende - FooterStick und FooterStickAlt 35
2.3 Collapsing Margins in
verschachtelten Elementen 39
2.4 Vertikal zentrieren 48
3 Horizontale Anordnung 61
3.1 Ausrichtung mit Margin 61
3.2 Negative Margins 62
3.3 Mindest- und Maximalbreiten 70
4 Floats 77
4.1 Was kann Float 77
4.2 Float beenden: Clear 88
4.3 Floats einschließen -
Containing Floats 101
4.4 Zusammenfassung 109
4.5 Exkurs: Block Formatting Context 109
5 Das Inline-Formatierungsmodell 117
5.1 Inline Formatting Context 117
5.2 Blöcke in einer Zeile -
display: inline-block 122
5.3 Exkurs: Hintergrundbild eines
mehrzeiligen Inline-Elements 127
6 Positionierung und Stapelung 129
6.1 Stapelkontexte 129
6.2 Containing Block 140
6.3 Relative Positionierung 143
6.4 Absolute Positionierung 144
6.5 Fixierte Positionierung 148
6.6 Opacity - die Undurchsichtigkeit 153
6.7 Exkurs: Shrink-to-fit 154
7 Background-Images 159
7.1 Die Hintergrund-Eigenschaften 159
7.2 background-position 160
7.3 background-repeat 162
7.4 background-attachment 162
7.5 Faux Columns 166
7.6 Liquid Faux Columns 167
7.7 Navigation mit Tabs 172
7.8 PNG-Transparenz vs. GIF-Transparenz 179
7.9 Ausblick: Multiple Hintergrundbilder in CSS 3 182
8 Das CSS-Tabellenmodell 185
8.1 Das Gestalten von Tabellen und
CSS-Layouttabellen 186
8.2 Ein hybrides Layout 196
8.3 Das Auszeichnen von
HTML-Datentabellen 201
9 Ausgabe für Medien 205
9.1 @media print 205
9.2 Das mobile Web 208
9.3 Media Queries - »Medienabfragen 210
9.4 Und was ist mit Style in E-Mail 212
10 Debugging 217
10.1 Vorab: Das Layout unter Stress setzen 218
10.2 CSS- und HTML-Validierung 218
10.3 Reduktion auf das Problem 220
10.4 Das Testen in den Browsern 221
10.5 Werkzeuge für Analyse und Fehlerbehebung 230
10.6 Hacks 236
10.7 Magic Bullets gegen Bugs des IE-Win 245
10.8 Bug-Ressourcen 252
10.9 Mailinglisten und Foren 256
10.10 Exkurs: Wenn sich die konformen Browser uneins sind 257
11 Herstellereigene
CSS-Erweiterungen 261
11.1 Der AlphaImageLoader-Filter im IE 262
11.2 Behavior im IE 269
11.3 Expression im IE 270
11.4 Die zoom-Eigenschaft im IE 275
12 Navigation: Listen und Menüs 279
12.1 Horizontale Navigation 282
12.2 Vertikale Navigation 299
12.3 Verschachtelte Navigation 304
12.4 Ausklappmenü 305
12.5 Kennzeichnung des aktuellen Menüpunkts 320
13 Mehrspaltenlayouts 323
13.1 Das perfekte Layout 323
13.2 Spaltenanordnung: Die Basis 334
13.3 Spalten mit einheitlichen Breiten
per Float 339
13.4 Spalten mit gemischten Breiten
per Float 355
13.5 Spalten ohne Float: hybrides Layout 376
13.6 Welche Technik ist die beste 381
14 Gleich hohe Spalten 383
14.1 Spalten im umgebenden Element simulieren 383
14.2 Verlängerung der Spalten 396
Index 419
