App installieren
How to install the app on iOS
Follow along with the video below to see how to install our site as a web app on your home screen.
Anmerkung: This feature may not be available in some browsers.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen alternativen Browser verwenden.
Du solltest ein Upgrade durchführen oder einen alternativen Browser verwenden.
Html-Hintergrund
- Ersteller benbas39
- Erstellt am
Trüffelkrieger
Mitglied
Dass die Website überall gleich aussieht, wirst du nicht schaffen. Damit das Hintergrundbild immer den gesamten Hintergrund einnimmt kannst du folgendes CSS verwenden:
Code:
background-size:coverDass die Website überall gleich aussieht, wirst du nicht schaffen. Damit das Hintergrundbild immer den gesamten Hintergrund einnimmt kannst du folgendes CSS verwenden:
Code:background-size:cover
Leider hat das nichts gebracht, also der weisse Balken ist immer noch da.. :-(
Sry hab ich ganz vergessen ...
Und noch mein code
Html:
<!DOCTYPE html>
<html>
<head>
<title>InAufbau</title>
<link href="Style/style.css" type="text/css" rel="stylesheet"/>
<meta charset="ISO-8859-1">
<meta name="description" content="">
<meta name="author" content="benbas39">
<meta name="keywords" content="">
</head>
<body>
<div id="content">
</div>
</body>
</html>
CSS
html, body {
background-image: url(../background.png);
width: 100%;
height: 100%;
background-repeat: no-repeat;
}
#content {
width: 750px;
height: 900px;
background-color: #575757;
overflow: auto;
margin: auto;
}
Und noch mein code
Html:
<!DOCTYPE html>
<html>
<head>
<title>InAufbau</title>
<link href="Style/style.css" type="text/css" rel="stylesheet"/>
<meta charset="ISO-8859-1">
<meta name="description" content="">
<meta name="author" content="benbas39">
<meta name="keywords" content="">
</head>
<body>
<div id="content">
</div>
</body>
</html>
CSS
html, body {
background-image: url(../background.png);
width: 100%;
height: 100%;
background-repeat: no-repeat;
}
#content {
width: 750px;
height: 900px;
background-color: #575757;
overflow: auto;
margin: auto;
}
Der Bildschirm ist hierbei irrelevant. Relevant wäre der Viewport den dein Browser der Webseite gibt. Bei mir passiert das beschrieben nicht wenn ich das Browserfenster kleiner ziehe. Hast Du evtl. ein mobiles Gerät im Test? Ggfs. könntest Du mit Meda Queries arbeiten um Viewport-spezifische Ansichten zu erstellen.
Trüffelkrieger
Mitglied
Also das hier:
funktioniert bei mir?! Btw: Wieso gibst du dem html und dem body-Element ein Hintergrundbild?
Edit: Und noch was: Die Hintergrundbild-Datei ist mit fast 2mb ziemlich groß ;)
Code:
html, body {
background-image: url(../background.png);
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size:cover;
}funktioniert bei mir?! Btw: Wieso gibst du dem html und dem body-Element ein Hintergrundbild?
Edit: Und noch was: Die Hintergrundbild-Datei ist mit fast 2mb ziemlich groß ;)
@Trüffelkrieger Kann ich dich in Skype adden dann kann ich dich immer mal was fragen denn ich bin noch nicht soo weit und du scheinst dich ziemlich gut auszukennen ;-) Wäre echt nice von dir ;-)
Trüffelkrieger
Mitglied
Sorry, "privaten" Support mache ich nicht ;) Aber hier im Forum wird dir ja auch geholfen :)
