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

Hintergrundbild dynamisch anpassen

P

Philadelphia

Neues Mitglied
Hi
ich arbeite gerade an einer Homepage für unsere Band. Auf dem Gebiet html bin ich noch ein ziemlicher Anfänger (nur nebenbei).
Jetzt würde ich gerne, dass sich das Hintergrundbild dynamisch an die Bildschirmgröße anpasst. Ich habe es auch schon via CSS geschafft, allerdings war das Hintergrundbild dann im Vordergrund. Der Code steht hier: Hintergrundbild dynamisch an Bildschirmauflösung anpassen @ tutorials.de: Tutorials, Forum & Hilfe. Wenn ich das Bild via html als Hintergrundbild festlege ist es nicht an den Bildschirm angepasst.

Bitte helft mir ;)

LG,
Philadelphia
 
Das leigt daran, dass dein Hintergrund absolut positioniert ist. Entweder änderst du das, oder du setzt um den rest ein div, und dann den z-index erhöhen von deinem div "über" dem bg.
 
Zuerst einmal danke NE4Y für die schnelle Antwort, allerdings kann ich damit recht wenig anfangen. Bin wie gesagt Anfänger auf dem Gebiet und habe den Code nur stumpf eingesetzt und ein wenig abgeändert. Hier ist der Quelltext meiner bisherigen Seite. Ich wüsste jetzt nicht, wie ich den ändern müsste:
HTML: 
<html>
<head>
<title>Ausgereizt!</title>
<meta name="author" content="Yannik Braun">
<meta name="editor" content="html-editor phase 5">
</head>
<body background="A15eizt.png" text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<p align="center"><img src="Ausgereizt.png"></p>
<br></br><br></br>
<p align="center">
<a href="http://www.Facebook.com/DieRocker">
<img name="Facebook"onmouseover="Facebook.src='facebook2.png'"onmouseout="Facebook.src='facebook1.png'"src="facebook1.png" width="100" height="100" border="0" alt="">
<a href="http://www.YouTube.com/AusgereiztTV">
<img name="YouTube"onmouseover="YouTube.src='youtube2.png'"onmouseout="YouTube.src='youtube1.png'"src="youtube1.png" width="100" height="100" border="0" alt="">
<a href="http://www.SoundCloud.com/Ausgereizt">
<img name="SoundCloud"onmouseover="SoundCloud.src='SoundCloud2.png'"onmouseout="SoundCloud.src='SoundCloud1.png'"src="SoundCloud1.png" width="100" height="100" border="0" alt=""><a href="http://www.Twitter.com/Ausgereizt">
<img name="Twitter"onmouseover="Twitter.src='Twitter2.png'"onmouseout="Twitter.src='Twitter1.png'"src="Twitter1.png" width="100" height="100" border="0" alt=""></p>
</body>
</html>
 
Webseiten wie auch Hintergrundbilder von Webseiten passen sich nie an die Bildschirmgröße an. Die wenigstens Internetnutzer surfen mit Browsern im Vollbild. Daher bringt es wenig hier von Auflösungen oder Bildschirmgrößen zu reden. Relevant wäre der Viewport - der Bereich den die Webseite im Browser einnimmt. Mehr nicht.

Außerdem ist es nicht schick in 2 Foren die selbe Frage zu stellen. Dadurch beschäftigst du viele Leute die dir helfen wollen vlt. ohne, dass sie dir tatsächlich helfen könnten - weil deine Frage schon beantwortet ist.

Was Du suchst ist hier im Forum wie auch an vielen anderen Stellen beschrieben. Dazu musst Du dich aber schon etwas mehr mit HTML und eher noch CSS auseinandersetzen. Denn CSS ist das was dir das ermöglicht was Du willst. Mit HTML ist das nicht möglich.
 
Ich habe in dem anderen Forum nicht um Hilfe gebeten, sondern die dort gegebene Hilfe ausprobiert, jedoch mit nur mäßigem Erfolg. Wie das mit dem Viewport funktioniert weiß ich wie gesagt nicht, ich werde es aber mal irgendwie versuchen...
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben