diff --git a/dev/style.css b/dev/style.css index 4c9f8a6..e764e10 100644 --- a/dev/style.css +++ b/dev/style.css @@ -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 http://www.alistapart.com/articles/fluid-images/ */ -img, object, embed, video { - max-width: 100%; +img, +object, +embed, +video { + max-width: 100%; } /* IE 6 unterstützt keine maximale Breite, verwenden Sie daher eine Standardbreite von 100% */ .ie6 img { - width:100%; + width: 100%; } /* @@ -27,84 +30,83 @@ img, object, embed, video { */ /* Layout für Mobilgeräte: 480 px oder weniger. */ - .gridContainer { - margin-left: auto; - margin-right: auto; - width: 87.36%; - padding-left: 1.82%; - padding-right: 1.82%; + margin-left: auto; + margin-right: auto; + width: 87.36%; + padding-left: 1.82%; + padding-right: 1.82%; } #LayoutDiv1 { - clear: both; - float: left; - margin-left: 0; - width: 100%; - display: block; + clear: both; + float: left; + margin-left: 0; + width: 100%; + display: block; } #footer { } footer { - width: 100%; - position: fixed; - bottom: 0px; + width: 100%; + position: fixed; + bottom: 0px; } .zeroMargin_mobile { -margin-left: 0; + margin-left: 0; } .hide_mobile { -display: none; + display: none; } /* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */ @media only screen and (min-width: 481px) { -.gridContainer { - width: 90.675%; - padding-left: 1.1625%; - padding-right: 1.1625%; -} -#LayoutDiv1 { - clear: both; - float: left; - margin-left: 0; - width: 100%; - display: block; -} -#footer { -} -.hide_tablet { -display: none; -} -.zeroMargin_tablet { -margin-left: 0; -} + .gridContainer { + width: 90.675%; + padding-left: 1.1625%; + padding-right: 1.1625%; + } + #LayoutDiv1 { + clear: both; + float: left; + margin-left: 0; + width: 100%; + display: block; + } + #footer { + } + .hide_tablet { + display: none; + } + .zeroMargin_tablet { + margin-left: 0; + } } /* 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) { -.gridContainer { - width: 88.2%; - max-width: 1232px; - padding-left: 0.9%; - padding-right: 0.9%; - margin: auto; -} -#LayoutDiv1 { - clear: both; - float: left; - margin-left: 0; - width: 100%; - display: block; -} -#footer { -} -.zeroMargin_desktop { -margin-left: 0; -} -.hide_desktop { -display: none; -} + .gridContainer { + width: 88.2%; + max-width: 1232px; + padding-left: 0.9%; + padding-right: 0.9%; + margin: auto; + } + #LayoutDiv1 { + clear: both; + float: left; + margin-left: 0; + width: 100%; + display: block; + } + #footer { + } + .zeroMargin_desktop { + margin-left: 0; + } + .hide_desktop { + display: none; + } }