Ich bin dabei unsere Webseite für den Hundeverein in responsive Webdesign (HTML5 und CSS3) nach dem Lehrvideo von Herrn Axel Pratzner umzustellen. Die Anleitungen nach den Videos sind einfach super.
Ich habe nach dieser Anleitung auch alles sehr gut an mein Design anpassen können.
Leider habe ich ein Problem mit dem Banner: in der bisherigen Webseite ist der Banner als JPG-Datei 900 px breit. Beim responsive Webdesign wird dieser aber bei den Handys nur teilweise angezeigt.
Wie kann ich erreichen, dass der ganze Banner aber halt nur verkleinert dargestellt wird? Brauche ich hierzu JavaScript?
CSS
html, body {
font-family: arial, sans-serif;
font-size: 100%;
}
body {
background-color: #4A6BBE;
text-align: center;
/* background-image: url(bilder/hintergrund.png);*/
}
#wrapper {
text-align: left;
width: 900px;
margin: 0 auto;
background-image: url(bilder/hg-steuerung_01.jpg);
border-left: black 1px solid;
border-right: black 1px solid;
}
header {
background-image: url(bilder/Banner_005.png);
height: 170px;
}
Alles anzeigen