Hallo,
ich versuche nun schon einige Zeit ein Bild als Backround zu verwenden,
nur bei dem normalen Backround Code bzw. img Code sieht man nur ein teil des Bildes und der Rest ist nicht sichtbar.
Wenn ich jetzt die with und die height auf auto stelle muss ich hoch und runter scrollen und nach rechts scrollen das ich das Bild genau sehe.
Habt ihr einen Code der mein Bild komplett im Browser anzeigt und später auf anderen Endgeräte bzw. könnt ihr mir helfen ?
Das ist mein aktueller Code
[HTML]
Mach dich mal mit CSS bekannt, da HTML ohne CSS wertlos ist. Wenn du das kannst ist es auch einfach ein Bild als Hintergrund zu nehmen
Versuch doch mal mit:
<body background="bild.png">wie LeCub schon gesagt hat würde ich hierfür auch CSS verwenden. An deiner stelle würde ich auch bei den Bilder mit größe und breite mit prozenten arbeiten.
Wow! Schaut mal was ich gerade gefunden habe:
https://css-tricks.com/perfect-full-page-background-image/
Echt genial!
Hallo Kollho
Der CSS Code würde so aussehen:
html {
background: url(hintergrundbild.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}
In deinem Fall würde es z.B. so aussehen:
[CODE]
Deine Seite html, body { background: url(http://www.roginnovation.com/tutorials/website/css/flexiblebackground/hintergrundbild.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; margin:0; padding:0; background-color: #000000; font-family: Calibri; font-size: 1em; color: #FFFFFF;}Dynamisches Website Hintergrundbild, dass sich jeder Auflösung anpasst
Seiten Inhalt
[/CODE]
Hier müsstest du nur noch die Bild URL ( http://www.roginnovation.com/tutorials/website/css/flexiblebackground/hintergrundbild.jpg )
durch dein eigenes Bild ersetzen.
Falls du noch mehr Infos brauchst hier das Tutorial auf Deutsch
http://www.roginnovation.com/tutorials/website/css/flexiblebackground/flexiblebackground.php