Cool, Danke! :-)
Das hat funktioniert, der springende Punkt war das, noch nicht vorhandene, "position:relative;" im "#wrapper"-Bereich.
Jetzt ist es so wie ich es wollte, jedoch tut sich dabei ein 2. Problem auf, ich habe für Weihnachten ein Schneeflockenscript verbaut, damit es innerhalb des Headerbildes schneit. - Durch die Änderung im Wrapper zu der Position relativ sind die Schneeflocken jetzt zu weit nach links und nach oben gerutsch, sodass sie in der linken oberen Ecke hängen.
Das ist der Headerbildcode:
<div id="winter"><img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" /></div>
... und dass ist das Schneeflockenscript:
var snow_area_id = 'winter';
var snow_flake_count = 50;
var snow_colors = new Array('#AAAACC','#DDDDFF','#CCCCDD','#F3F3F3','#F0FFFF');
var snow_fonts = new Array('Arial Black', 'Arial Narrow', 'Times', 'Comic Sans MS');
var snow_char = '*';
var snow_gravity = 0.8;
var snow_max_size = 22;
var snow_min_size = 10;
var snow_init_delay = 50;
var snow_init_time = 0;
var snowflakes = new Array();
var snow_area_el = null;
function createSnowflakes()
{
var style = 'position:absolute; top:-' + snow_max_size + 'px; z-index:99;';
for (var i = 0; i <= snow_flake_count; i++)
document.write('<sp' + 'an id="snwflk' + i + '" style="' + style + '">' + snow_char + '</sp' + 'an>');
}
function randInt(range) { return Math.floor(Math.random() * range); }
function initSnow()
{
snow_area_el = document.getElementById(snow_area_id);
if(!snow_area_el || snow_area_el.offsetWidth <= snow_max_size || snow_area_el.offsetHeight <= snow_max_size) {
if(snow_init_time < 5000)
window.setTimeout('initSnow()', 50);
snow_init_time += 50;
return;
}
snow_area_el.style.position = 'relative';
for (var i = 0; i <= snow_flake_count; i++)
{
snowflakes[i] = document.getElementById('snwflk' + i);
snowflakes[i].size = (randInt(snow_max_size - snow_min_size) + snow_min_size);
snowflakes[i].posx = -snowflakes[i].size;
snowflakes[i].posy = -snowflakes[i].size;
snowflakes[i].sink = (snow_gravity * snowflakes[i].size / snow_min_size);
snowflakes[i].wobamp = (Math.random() * (snowflakes[i].size));
snowflakes[i].wob = 0.0;
snowflakes[i].wobspeed = (0.03 + Math.random() / 10.0);
snowflakes[i].style.fontFamily = snow_fonts[randInt(snow_fonts.length)];
snowflakes[i].style.fontSize = snowflakes[i].size + 'px';
snowflakes[i].style.color = snow_colors[randInt(snow_colors.length)];
}
window.setInterval('updateSnow()', 50);
}
function updateSnow()
{
var bl = snow_area_el.offsetLeft;
var bt = snow_area_el.offsetTop;
var bw = snow_area_el.offsetWidth;
var bh = snow_area_el.offsetHeight;
var br = bl + bw;
var bb = bt + bh;
for (var i = 0; i <= snow_flake_count; i++)
{
snowflakes[i].wob += snowflakes[i].wobspeed;
var x = snowflakes[i].posx + (snowflakes[i].wobamp * Math.sin(snowflakes[i].wob));
snowflakes[i].posy += snowflakes[i].sink;
snowflakes[i].style.left = Math.round(x) + 'px';
snowflakes[i].style.top = Math.round(snowflakes[i].posy) + 'px';
var s = snowflakes[i].size;
if (snowflakes[i].posy > (bb - s) || x < bl || x > (br - s))
{
snowflakes[i].posx = bl + s + randInt(bw - (3 * s));
if(snowflakes[i].posy < 0)
snowflakes[i].posy = bt + randInt(bh - 2 * s);
else
snowflakes[i].posy = bt;
}
}
}
createSnowflakes();
window.setTimeout('initSnow()', Math.max(50, snow_init_delay));
Alles anzeigen
Würde mich dessbezüglich nochmal sehr über Hilfe freuen, habe es bereits schon selbst probiert, aber das scheint wieder genau so ein ähnlicher Fall für mich zu sein wie das Problem gerade zuvor...
Die Seite ist derzeit leider noch offline, bastle sie über meinen Test-Server zusammen.
