• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Html-Hintergrund

B

benbas39

Mitglied
Hallo,

Ich habe ein kleines Problem...

Ich habe ein Hintergrundbild festgelegt, auf dem einen Bildschirm sieht es gut aus und auf dem Anderen ist unten einfach noch ein weißer Balken.. Was kann ich machen, dass die Website überall gleich aussieht?

MFG benbas39
 
Werbung:
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:cover
 
Werbung:
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;
}
 
Werbung:
Ergänze einen CSS-Reset der Abstände:

Code: 
* { padding: 0;margin: 0; }

Moderation: Verschoben von HTML zu CSS, da es um Gestaltung geht.
 
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.
 
Werbung:
Mit den Infos kann dir weiterhin niemand helfen. Beschäftige dich mit den Grundlagen, deren Stichwörter ich dir oben bereits genannt hatte.
 
Werbung:
Also das hier:

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ß ;)
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben