Hallo Ihr Lieben,
bastel schon seit drei Wochen an einer Homepage für unsere Schule und bin mit Euren Tuts auch ordentlich vorangekommen. Jetzt möchte ich gerne noch einen footer einfügen der eine Hintergrundgrafik hat. Diese soll sich jeweils an die Fensterbreite anpassen. im HTML klappt das wunderbar, nur möchte ich das Ganze über CSS und dann container im Container versuchen, da später auf diese Grafik noch ein Postkasten gesetzt werden soll, der beim anklicken dann die Mail-funktion startet, bzw. soll dann in diesem Container noch einige Links platziert werden.
Wenn ich die Grafik jedoch im CSS als Hintergrundgrafik angebe, wird sie mir "beschnitten" (Originalgröße ist 1280px x 219px), selbst mit der Angabe von 100% klappt es nicht.
Wie gesagt, in HTML als Hintergrundgrafik und mit der Angabe 100% passt sich das Bild an, jedoch werden alle Links oder sonstigen Dinge die auf der Grafik gelegt werden sollen UNTER diese gepackt???
<div id="fuss_container z-index:1;">
<center> <img src="Bilder/strasse.png" width="100%"
height="100%" border="1" alt="fusszeile"/>
<div id="footer z-index:2;">
<p>© BEB e.V. 2010
graphic elements by lutine </p>
</div>
</div>
----------------------------------------------------
Alles anzeigen
#fuss_container {
clear: both;
position: relative;
border: 1px solid;
padding: 0px;
width: 100.1%;
height: 100.1%;
background-repeat: no-repeat;
background-image: url(Bilder/strasse.png);
z-index: 1;
}
#footer {
clear: both;
padding: 0;
width: 100.1%;
height: 100.1%;
z-index: 2;
}
--------------------------------------------------------------
Wenn ich dem Hintergrundbild die eigentliche Originalgröße zuweise, geht es nach links über dem Bildschirmrand weiter, so dass man scrollen muss, dass will ich aber doch gar nicht. Wie kann ich dieses Problem lösen?
Vielen Dank für Eure Hilfe und für das durchlesen meines Kauderwelschs.
andrea