Hallo Zusammen!
Ich verzweifele gerade an der Aufgabe einer prinzipiell einfachen Website.
Da ich mich nur alle Jahre mit Web-Programmierung beschäftige,
stehe ich jedesmal wieder wie der Depp da und irgendwann dreht
sich alles nur noch...
Jedenfalls versuche ich gerade eine Website zu bauen, auf der
ein einfaches Hintergrundbild beim Verändern der Größe des
Browserfensters proportional richtig mit skaliert wird.
So wie hier: SuperBGImage | dev.blog
Nachdem ich gestern den ganzen Tag mit erfolglosen Versuchen
im Dreamweaver verbracht habe, bin ich mittlerweile leicht ratlos.
Irgendwas mache ich wohl grundlegend falsch....
Hier mal mein letzter Code:
Gruß,
Joh
Ich verzweifele gerade an der Aufgabe einer prinzipiell einfachen Website.
Da ich mich nur alle Jahre mit Web-Programmierung beschäftige,
stehe ich jedesmal wieder wie der Depp da und irgendwann dreht
sich alles nur noch...
Jedenfalls versuche ich gerade eine Website zu bauen, auf der
ein einfaches Hintergrundbild beim Verändern der Größe des
Browserfensters proportional richtig mit skaliert wird.
So wie hier: SuperBGImage | dev.blog
Nachdem ich gestern den ganzen Tag mit erfolglosen Versuchen
im Dreamweaver verbracht habe, bin ich mittlerweile leicht ratlos.
Irgendwas mache ich wohl grundlegend falsch....
Hier mal mein letzter Code:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js"></script>
<script src="supersized.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
$(document).ready(function(){
$('#supersize').supersized();
});
/* ]]> */
</script>
<style type="text/css">
/* <![CDATA[ */
body {
overflow:hidden;
}
#supersize {
position:fixed;
}
#supersize img, #supersize a {
height:100%;
width:100%;
position:absolute;
z-index: 0;
}
/* ]]> */
</style>
</head>
<body>
<div id="supersize"> <a href="#"><img src="hgr.jpg" title="hgr"/></a> </div>
</body>
</html>Gruß,
Joh
