danke für die Antworten.
Mein grösstes Problem ist folgendes(desshalb habe ich mich für eine Weiche entschieden):
Das Hintergrundbild kann man ja bekanntlich nicht skallieren, desshalb habe ich es mit diesem code probiert:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<link rel="stylesheet" href="ddlevelsfiles/style.css" type="text/css">
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/menus.css">
<script type="text/javascript" src="ddlevelsfiles/ddlevelsmenu.js">
</script>
<link rel="stylesheet" href="harmonie/ddlevelsfiles/style.css" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/* pushes the page to the full capacity of the viewing area */
html {height:100%;}
body {height:100%; margin:0; padding:0;}
/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
#content {position:relative; z-index:1;}
/* places the content ontop of the background image */
</style>
<!--[if IE 6]>
<style type="text/css">
/* some css fixes for IE browsers */
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
</style>
<![endif]-->
</head>
<body>
<div id="bg"><img src="back.jpg" width="100%" height="100%" alt=""></div>
<div id="content">
<div style="position: relative; top: 200px"; align="center"; id="front">
<a href="harmonie/hhome.php">Harmonie</a>
</div>
<div style="position: relative; top: 240px"; align="center"; id="front">
<a href="j_musik/jhome.php">Jugendmusik</a>
</div>
</div>
</body>
</html>
Dies funktioniert eigentlich auch einwandfrei, bis auf ein problem mit dem IE6:
In einer weiteren Seite, welche ein Textfeld enthält dass immer wieder je nach Link geladen wird, ist aus irgend einem grund im IE6(ev. auch ältere Varianten, konnte dies aber nicht testen) den overflow auf der Y-Achse nicht mehr definiert ist.
Hier noch den CSS-Teil für das Textfeld:
Code:
#inhalt_mitte {
height: 615px;
width: 990px;
padding: 0px 20px 0px 0px;
position: absolute;
top:170px;
left: 243px;
overflow: auto;
overflow-x: hidden;
}
Was ich noch weiter beobachtet habe, ist dass generell im IE gewisse teile nicht mehr stimmen:
-Ein Logo, welches 20px von Links entfernt sein sollte ist ganz am Rand.
-Das Textfeld ist in der Höhe nicht mehr begrenzt, aber das was überflüssig ist, wird vom Bildschirm abgeschnitten.
Falls jemand von euch eine Idee hat, weshalb das so ist und wie ich dies am einfachsten beheben kann, nur zu. Ich versuche jetzt schon etwa 8 Tage eine Lösung zu finden und bin am Verzweifeln.
Danke nochmals für eure Hilfe
P51D
