Guten Abend,
ich bin gerade dabei alles auf Flexbox zu ändern.
Ich bekomme aber nicht die Zeile #steuerungoben am Header abzuschließen.
Wäre schön wenn mir jemand helfen könnte
CSS: design
- html, body {
- margin: 0;
- padding: 0;
- }
- body {
- display: flex;
- flex-flow: row wrap;
- text-align: center;
- background-image: url(onewebmedia/Hintergrund2.jpeg);
- background-attachment: fixed;
- font-family: Arial, sans-serif;
- }
- header, nav, footer {
- flex: 1 100%;
- }
- section {
- flex: 3 1 0%;
- }
- aside {
- flex: 1 1 0%;
- }
- header {
- /* background-color: yellow; */
- background-image: url(Homepage/Shadow.jpg);
- height: 200px;
- }
- header p {
- /* background-color: orange; */
- text-align: right;
- padding: 15px;
- }
- #steuerungoben {
- /* background-color: red; */
- -ms-flex-direction: column;
- flex-direction: column;
- background-image: url(Bilder/hintergund-grey.png);
- height: 24px;
- }
- #steuerungoben ul {
- display: flex;
- list-style-type: none;
- }
- #steuerungoben li {
- display: inline;
- }
- #steuerungoben a {
- display: block;
- width: 15em;
- /* background-color: yellow;*/
- /*float: left;*/
- /* border-right: 1px red solid; */
- color: white;
- text-decoration: none;
- line-height: 24px;
- text-align: center
- }
- #steuerungoben a:hover {
- background-image: url(Bilder/hintergrund-black.png);
- }
- #steuerunglinks {
- /* background-color: green; */
- position: absolute;
- top: 14em;
- width: 220px;
- /*float: left;*/
- }
- #steuerunglinks ul {
- padding-left: 1em;
- padding-top: 20px;
- list-style-type: none;
- }
- #steuerunglinks a {
- color: #dd9661;
- line-height: 30px;
- }
- aside {
- background-color: #808000;
- width: 175px;
- float: right;
- position: relative;
- top: 34px;
- }
- aside p {
- margin-top: 30px;
- margin-left: 9px;
- }
- section {
- /* background-color: orange; */
- margin-left: 250px;
- margin-right: 195px;
- }
- section h1 {
- padding-top: 20px;
- padding-bottom: 0.4em;
- color: #dd9661;
- }
- section h2 {
- color: #dd9661;
- padding-top: 1em;
- padding-bottom: 0.6em;
- }
- section p {
- padding-bottom: 1em;
- }
- #starkeschrift {
- font-weight: bold;
- }
- footer {
- /* background-color: brown; */
- background-image: url(Bilder/hintergund-grey.png);
- text-align: center;
- color: white;
- clear: both;
- }
- #wrapper {
- /* background-color: #eeeeee; */
- width: 60em;
- margin: 0 auto;
- text-align: left;
- background-image: url(hintergrund-durch.png);
- }