Verbessere die Formatierung des CSS-Codes für bessere Lesbarkeit und Wartbarkeit
Deploy Website / deploy (push) Successful in 25s

This commit is contained in:
Florian Otto
2026-05-26 17:22:51 +02:00
parent 4f4b8824f5
commit 2a73082f23
+31 -29
View File
@@ -3,12 +3,15 @@
Hinweis: Für fließende Medien müssen Sie die Attribute 'height' und 'width' des Medium aus dem HTML-Code entfernen Hinweis: Für fließende Medien müssen Sie die Attribute 'height' und 'width' des Medium aus dem HTML-Code entfernen
http://www.alistapart.com/articles/fluid-images/ http://www.alistapart.com/articles/fluid-images/
*/ */
img, object, embed, video { img,
object,
embed,
video {
max-width: 100%; max-width: 100%;
} }
/* IE 6 unterstützt keine maximale Breite, verwenden Sie daher eine Standardbreite von 100% */ /* IE 6 unterstützt keine maximale Breite, verwenden Sie daher eine Standardbreite von 100% */
.ie6 img { .ie6 img {
width:100%; width: 100%;
} }
/* /*
@@ -27,7 +30,6 @@ img, object, embed, video {
*/ */
/* Layout für Mobilgeräte: 480 px oder weniger. */ /* Layout für Mobilgeräte: 480 px oder weniger. */
.gridContainer { .gridContainer {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@@ -51,60 +53,60 @@ footer {
} }
.zeroMargin_mobile { .zeroMargin_mobile {
margin-left: 0; margin-left: 0;
} }
.hide_mobile { .hide_mobile {
display: none; display: none;
} }
/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */ /* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */
@media only screen and (min-width: 481px) { @media only screen and (min-width: 481px) {
.gridContainer { .gridContainer {
width: 90.675%; width: 90.675%;
padding-left: 1.1625%; padding-left: 1.1625%;
padding-right: 1.1625%; padding-right: 1.1625%;
} }
#LayoutDiv1 { #LayoutDiv1 {
clear: both; clear: both;
float: left; float: left;
margin-left: 0; margin-left: 0;
width: 100%; width: 100%;
display: block; display: block;
} }
#footer { #footer {
} }
.hide_tablet { .hide_tablet {
display: none; display: none;
} }
.zeroMargin_tablet { .zeroMargin_tablet {
margin-left: 0; margin-left: 0;
} }
} }
/* Desktoplayout: 769 bis maximal 1232 px. Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */ /* Desktoplayout: 769 bis maximal 1232 px. Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */
@media only screen and (min-width: 769px) { @media only screen and (min-width: 769px) {
.gridContainer { .gridContainer {
width: 88.2%; width: 88.2%;
max-width: 1232px; max-width: 1232px;
padding-left: 0.9%; padding-left: 0.9%;
padding-right: 0.9%; padding-right: 0.9%;
margin: auto; margin: auto;
} }
#LayoutDiv1 { #LayoutDiv1 {
clear: both; clear: both;
float: left; float: left;
margin-left: 0; margin-left: 0;
width: 100%; width: 100%;
display: block; display: block;
} }
#footer { #footer {
} }
.zeroMargin_desktop { .zeroMargin_desktop {
margin-left: 0; margin-left: 0;
} }
.hide_desktop { .hide_desktop {
display: none; display: none;
} }
} }