Versions-Historie des Beitrags „Ich finde das Komma nicht“

Ich finde das Komma nicht

bearbeitet von zhermann 15.04.2016 20:46

Guten Abend an Alle, ich arbete gerade an einer Layoutvorlage für eine Homepage. Das Layout steht noch ganz am Anfang. Wenn ich das Layout (Mainpage.html) im IE11, Chorme aufrufe, wird Sie entsprechend der Definition angezeigt. Im Mozilla wird zwar die Divs (master und my-box) erstellt, aber die Hintergrundbilder werden nicht angezeigt. Ich stehe irgendwie im Wald. Vielleicht sieht einer von Euch meinen Irrtum? Vielen Dank für Eure Hilfe ZHermann MAINPAGE: ~~~html  <!DOCTYPE html5> <html lang="de"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Metaplast Gear Technology</title> <link rel="stylesheet" href="css/master.css"> <link rel="stylesheet" href="cssMenu/dropDown1/styles.css";> <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <script src="cssMenu/dropDown1/script.js" type="text/javascript"></script> </head> <body>  <div class="master"> <div class="my-box">  </div> </div> </body> </html> ~~~ CSS: ~~~CSS /* Master CSS file */ /* Copyright by Zsolt Hermann */ /* April 2016 */ BODY { overflow-y: scroll; background: none repeat scroll 0 0 #565656; margin-top: 10px; } .my-box { position: center; max-width: 75em; min-height: 120%; margin: 0 auto; background-image: url(../images/BG_1200.png); background-repeat: no-repeat; background-position: center 0px; /* background-attachment: fixed; background-size: cover;*/ } .master { /* position: center; */ min-height: 130%; margin: 0 auto; background-image: url(../images/m_1200.png); background-repeat: repeat-y; background-position: center 0px; } .topmenu { min-height: 290px; } .menu { position: relative; /* margin-top: 50px; */ background-color: white; height: 30px; width: 80%; margin: 0 auto; display: block; } @media only screen and (max-width: 1200px) { .my-box { background-image: url(../images/BG_1000.png); } .master { background-image: url(../images/m_1000.png); } } @media only screen and (max-width: 1000px) { .my-box { background-image: url(../images/BG_800.png); } .master { background-image: url(../images/m_800.png); } } @media only screen and (max-width: 700px) { .my-box { background-image: url(../images/BG_600.png); } .master { background-image: url(../images/m_600.png); } .topmenu { min-height: 190px; } #cssmenu { float: none; min-width: 50%; } } @media only screen and (max-width: 500px) { .my-box { background-image: url(../images/BG_400.png); } .master { background-image: url(../images/m_400.png); } .topmenu { min-height: 100px; } #cssmenu { float: none; min-width: 50%; } } @media only screen and (max-width: 400px) { .my-box{ background-image: url(../images/BG_320.png); } .master { background-image: url(../images/m_320.png); } .topmenu { min-height: 80px; } #cssmenu { float: none; min-width: 50%; } } ~~~ ![Alternativ-Text](/images/ba86d89d-2dbc-423d-852c-3bd608967b47.png)

Ich finde das Komma nicht

bearbeitet von

Auge 15.04.2016 20:50

Guten Abend an Alle, ich arbete gerade an einer Layoutvorlage für eine Homepage. Das Layout steht noch ganz am Anfang. Wenn ich das Layout (Mainpage.html) im IE11, Chorme aufrufe, wird Sie entsprechend der Definition angezeigt. Im Mozilla wird zwar die Divs (master und my-box) erstellt, aber die Hintergrundbilder werden nicht angezeigt. Ich stehe irgendwie im Wald. Vielleicht sieht einer von Euch meinen Irrtum? Vielen Dank für Eure Hilfe ZHermann MAINPAGE: ~~~html  <!DOCTYPE html5> <html lang="de"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Metaplast Gear Technology</title> <link rel="stylesheet" href="css/master.css"> <link rel="stylesheet" href="cssMenu/dropDown1/styles.css";> <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <script src="cssMenu/dropDown1/script.js" type="text/javascript"></script> </head> <body>  <div class="master"> <div class="my-box">  </div> </div> </body> </html> ~~~ CSS: ~~~CSS /* Master CSS file */ /* Copyright by Zsolt Hermann */ /* April 2016 */ BODY { overflow-y: scroll; background: none repeat scroll 0 0 #565656; margin-top: 10px; } .my-box { position: center; max-width: 75em; min-height: 120%; margin: 0 auto; background-image: url(../images/BG_1200.png); background-repeat: no-repeat; background-position: center 0px; /* background-attachment: fixed; background-size: cover;*/ } .master { /* position: center; */ min-height: 130%; margin: 0 auto; background-image: url(../images/m_1200.png); background-repeat: repeat-y; background-position: center 0px; } .topmenu { min-height: 290px; } .menu { position: relative; /* margin-top: 50px; */ background-color: white; height: 30px; width: 80%; margin: 0 auto; display: block; } @media only screen and (max-width: 1200px) { .my-box { background-image: url(../images/BG_1000.png); } .master { background-image: url(../images/m_1000.png); } } @media only screen and (max-width: 1000px) { .my-box { background-image: url(../images/BG_800.png); } .master { background-image: url(../images/m_800.png); } } @media only screen and (max-width: 700px) { .my-box { background-image: url(../images/BG_600.png); } .master { background-image: url(../images/m_600.png); } .topmenu { min-height: 190px; } #cssmenu { float: none; min-width: 50%; } } @media only screen and (max-width: 500px) { .my-box { background-image: url(../images/BG_400.png); } .master { background-image: url(../images/m_400.png); } .topmenu { min-height: 100px; } #cssmenu { float: none; min-width: 50%; } } @media only screen and (max-width: 400px) { .my-box{ background-image: url(../images/BG_320.png); } .master { background-image: url(../images/m_320.png); } .topmenu { min-height: 80px; } #cssmenu { float: none; min-width: 50%; } }![![![![![![![Alternativ-Text](/images/5666e2d7-37dc-4aca-a149-721e20762dd5.png)](/images/3b7e31a7-b1da-4da4-9dde-a969da94322e.png)](/images/a0b72251-bdad-4f2a-a703-a1614398114c.png)](/images/955327df-8bbd-4c2d-b5b1-a28f40883e9c.png)](/images/8833d2b4-01b4-4a8c-83cd-77b4d542e861.png)](/images/84ac6a03-93c2-4529-9dd9-6060e08eec5b.png)](/images/ba86d89d-2dbc-423d-852c-3bd608967b47.png) ~~~