Hallo!
1) Ich will noch was verbessern, bekomme es aber nicht hin.
Ich habe bei dem Design oben min-height verwendet. Ich möchte aber, dass der grüne Rahmen bis ganz nach unten ans Ende des Screens geht, von dem ich die Größe nicht kenne, ist ja je nach Gerät unterschiedlich. Wenn ich im Content 100% height einstelle statt eines Festwerts, passiert aber nichts. Auch beim Wrapper nicht.
So ist der Anfangscode...Header ist der Teil, wo das Hintergrundbild hinkommt....beim Wrapper min-height durch 100% ersetzen klappt nicht. Beim Content die min-height durch min-height: 100%; ersetzen, auch nicht. Was mache ich falsch?
* { padding: 0; margin: 0; }
html, body {
font-family: sans-serif, Verdana, Arial;
color: #000000;
background-color: #F2F2F2;
margin: 0;
}
#wrapper {
margin: 0px auto;
width: 360px;
min-height: 500px;
border: 5px solid #556B2F;
box-sizing: border-box;
background-color: #ffffff;
}
#header {
width: 100%;
height: 220px;
background-color: #ffffff;
background-image: url("img/m_bg_360x640.jpg");
background-repeat: no-repeat;
background-size: 360px 220px;
}
#content {
width: 340px;
min-height: 280px;
background-color: #ffffff;
color: #000000;
font-size: 14px;
padding: 5px;
}
2) Noch eine andere Frage: Wenn man die Schriftgröße in px angibt, ist sie immer gleich groß? Wenn ich also ein Design für 1920x1080 habe oder 1600x900 (Desktop)...soll ich da die Schriftgröße gleich lassen oder ändern?
1) Ich will noch was verbessern, bekomme es aber nicht hin.
Ich habe bei dem Design oben min-height verwendet. Ich möchte aber, dass der grüne Rahmen bis ganz nach unten ans Ende des Screens geht, von dem ich die Größe nicht kenne, ist ja je nach Gerät unterschiedlich. Wenn ich im Content 100% height einstelle statt eines Festwerts, passiert aber nichts. Auch beim Wrapper nicht.
So ist der Anfangscode...Header ist der Teil, wo das Hintergrundbild hinkommt....beim Wrapper min-height durch 100% ersetzen klappt nicht. Beim Content die min-height durch min-height: 100%; ersetzen, auch nicht. Was mache ich falsch?
* { padding: 0; margin: 0; }
html, body {
font-family: sans-serif, Verdana, Arial;
color: #000000;
background-color: #F2F2F2;
margin: 0;
}
#wrapper {
margin: 0px auto;
width: 360px;
min-height: 500px;
border: 5px solid #556B2F;
box-sizing: border-box;
background-color: #ffffff;
}
#header {
width: 100%;
height: 220px;
background-color: #ffffff;
background-image: url("img/m_bg_360x640.jpg");
background-repeat: no-repeat;
background-size: 360px 220px;
}
#content {
width: 340px;
min-height: 280px;
background-color: #ffffff;
color: #000000;
font-size: 14px;
padding: 5px;
}
2) Noch eine andere Frage: Wenn man die Schriftgröße in px angibt, ist sie immer gleich groß? Wenn ich also ein Design für 1920x1080 habe oder 1600x900 (Desktop)...soll ich da die Schriftgröße gleich lassen oder ändern?
