Einstieg in CSS- P10: Đôi khi thế giới của improvised trang web như vậy là không thể quản lý: có HTML, (X) HTML, XML, AJAX, và thậm chí CSS. Nhưng những gì bạn có thể làm với những gì, như thế nào? Căn cứ vào tốt (X) HTML kiến thức, trình với quét Wetsch probierlustigen đọc: CSS, đó là thiết kế web, HTML, trình duyệt tương thích hoặc khả năng sử dụng là gì? Tôi nên biết những gì tôi cần cho các công cụ và cho những gì các phần của CSS là làm thế nào chúng được sử. | 24 Vorlage 3 Drei Spalten mit Textboxen Falls Sie diese Variante nachstellen wollen so kopieren Sie bitte den Ordner Iayout3_3col und benennen die Kopie Iayout3_3col_ fluid. Der CSS-Code div col2 float left width 25 padding-bottom lOpx divtfmenu float right width 25 padding Opx Opx 20px Opx background F0F0F0 url images no-repeat right bottom border Ipx solid CCCCCC l .1 div maintext width 50 margin Opx auto border Ipx solid CCCCCC background ffFOFOFO padding 20px lOpx Wenn Sie nun geglaubt haben mit der einfachen Rechnung 25 25 50 100 zum Ziel zu gelangen so haben Sie nicht mit der Tücke der padding-Werte gerechnet. Sie erhalten das folgende Ergebnis Abbildung Layout 03 fluid mit Spaltenbreiten 25 50 25 280 Please purchase PDF Split-Merge on to remove this watermark. Variante mit schmalen Spalten rechts So geht es also nicht. Und für Pixelzähler habe ich schlechte Nachrichten Falls Sie die Breite aller drei Spalten tatsächlich in Prozentwerten definieren möchten und gleichzeitig einen Abstand padding und oder margin zwischen den Spalten wünschen so müssen Sie zum einen tüfteln und zum anderen sorgfältig in den verschiedenen Browsern die Ergebnisse testen. Das Problem ist nämlich erstens dass sich die Prozent-Spalten von margin unbeeindruckt zeigen und ein padding die Spalten gleichzeitig tatsächlich breiter macht als 25 und 50 . Die einzige Lösung liegt hier also in der Unschärfe . Setzen Sie die seitlichen Spalten auf 22 . Sie haben dann das Problem pragmatisch gelöst. Definieren Sie diesen Wert jedenfalls nicht allzu knapp denn der Abstand zwischen den Spalten verringert sich graduell wenn das Browserfenster verkleinert wird und erweitert sich entsprechend wenn das Fenster größer wird. Besser ist es wenn Sie eine der Spalten mit einer fixen Breite definieren können. Dies könnte wie in einigen der vorigen Beispiele die Menüspalte sein die üblicherweise doch absehbare Textbreiten beinhaltet. Und
