Witam
Na stronie użyłem funkcji zmiany tła w zależności od pory dnia. Tak naprawdę po wielu ciężkich bojach udało mi to uruchomić po wklejeniu javascriptu, który odpowiada za te zmiany. Wszystko fajnie chodzi i wygląda, ale niestety tylko w IE i to ver.6.0. Natomiast Firefox - biała plama. O co kamam ? Przekopałem już google, może źle szukałem...
Wklejam kody, na czerwono zaznaczyłem kod ten zmiany tła:
<?php
defined( '_VALID_MOS' ) or
die( 'Restricted access' ); // needed to seperate the ISO number from the language file constant _ISO
// xml prolog
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>'; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
initEditor();
}
$collspan_offset = ( mosCountModules( 'right' ) + mosCountModules( 'user2' ) ) ? 2 : 1;
//script to determine which div setup for layout to use based on module configuration
$user1 = 0;
$user2 = 0;
$colspan = 0;
$right = 0;
// banner combos
//user1 combos
if ( mosCountModules( 'user1' ) + mosCountModules( 'user2' ) == 2) {
$user1 = 2;
$user2 = 2;
$colspan = 3;
} elseif ( mosCountModules( 'user1' ) == 1 ) {
$user1 = 1;
$colspan = 1;
} elseif ( mosCountModules( 'user2' ) == 1 ) {
$user2 = 1;
$colspan = 1;
}
//right based combos
if ( mosCountModules
( 'right' ) and
( empty( $_REQUEST['task'] ) || $_REQUEST['task'] != 'edit' ) ) { $right = 1;
}
?>
<meta http-equiv="Content-Type" content="text/html;
<?php echo _ISO
; ?>" />
<link href="
<?php echo $mosConfig_live_site;?>/templates/rhuk_solarflare_ii/css/template_css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="banner" style="position:absolute; left:50% ; margin-left:-475px ; margin-top: 0px; width:950px; ">
<div id="banner"
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="950" height="150" id="animacja" align="center" >
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://aviation.net.pl/video/bannerx.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#ffffff" />
<embed src="http://aviation.net.pl/video/bannerx.swf" quality="high" wmode="transparent" bgcolor="#ffffff" width="950" height="150" name="animacja" align="center" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
<body style="margin: 0; padding: 0;">
<div id="all" style="position:absolute; left:50% ; margin-left:-475px ; margin-top: 0px; width:950px; ">
<div style="position: relative; height: 96px; width: 950px;">
<div id="flags" style="position: absolute; text-align: right; left: 742px; top: 3px; width: 200px; height: 16px;">
<a href="http://translate.google.com/translate?client=tmpg&hl=pl&u=http%3A%2F%2Faviation.net.pl%2F&langpair=pl|en">
<img src="http://www.aviation.net.pl/images//wielkabrytaniaflaga.jpg" BORDER="0" />
</a>
<a href="http://translate.google.com/translate?client=tmpg&hl=pl&u=http%3A%2F%2Faviation.net.pl%2F&langpair=pl|de">
<img src="http://www.aviation.net.pl/images//niemcyflaga.jpg" BORDER="0" />
</a>
<a href="http://translate.google.com/translate?client=tmpg&hl=pl&u=http%3A%2F%2Faviation.net.pl%2F&langpair=pl|it">
<img src="http://www.aviation.net.pl/images//wlochyflaga.jpg" BORDER="0" />
</a>
<a href="http://translate.google.com/translate?client=tmpg&hl=pl&u=http%3A%2F%2Faviation.net.pl%2F&langpair=pl|ru">
<img src="http://www.aviation.net.pl/images//rosjaflaga.jpg" BORDER="0" />
</a>
<a href="http://translate.google.com/translate?client=tmpg&hl=pl&u=http%3A%2F%2Faviation.net.pl%2F&langpair=pl|fr">
<img src="http://www.aviation.net.pl/images//francjaflaga.jpg" BORDER="0" />
</a>
<a href="http://translate.google.com/translate?client=tmpg&hl=pl&u=http%3A%2F%2Faviation.net.pl%2F&langpair=pl|cs">
<img src="http://www.aviation.net.pl/images//czechyflaga.jpg" BORDER="0" />
</a>
</div>
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="950">
<tr>
<td class="outline">
</div><div id="buttons_inner" >
<div id="buttons">
<?php mosLoadModules ( 'user3', -1); ?>
</div></div><div id="buttons_outer"></div><div id="left_outer">
<div id="left_inner">
<?php mosLoadModules ( 'left', -2 ); ?>
</div>
</div>
<div id="content_outer">
<div id="content_inner">
<?php
if ( mosCountModules ('banner') ) {
?>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="content_table">
<tr>
<td>
<div id="banner_inner">
<img src="
<?php echo $mosConfig_live_site;?>/templates/rhuk_solarflare_ii/images/advertisement.png" alt="advertisement.png, 0 kB" title="advertisement" border="0" height="8" width="468" /><br />
<?php mosLoadModules( 'banner', -1 ); ?><br />
</div>
<div id="poweredby_inner" align="right">
<img src="
<?php echo $mosConfig_live_site;?>/templates/rhuk_solarflare_ii/images/powered_by.png" alt="powered_by.png, 1 kB" title="powered_by" height="68" width="304" /><br />
</div>
</td>
</tr>
</table>
<?php
}
?>
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="right" class="content_table">
<tr valign="top">
<td width="99%">
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="content_table">
<?php
if ($colspan > 0) {
?>
<tr valign="top">
<?php
if ( $user1 > 0 ) {
?>
<td width="50%">
<div class="user1_inner">
<?php mosLoadModules ( 'user1', -2 ); ?>
</div>
</td>
<?php
}
if ( $colspan == 3) {
?>
<td width="2">
<img src="
<?php echo $mosConfig_live_site;?>/templates/rhuk_solarflare_ii/images/spacer.png" alt="" title="spacer" border="0" height="10" width="2" />
</td>
<?php
}
if ( $user2 > 0 ) {
?>
<td width="50%">
<div class="user2_inner">
<?php mosLoadModules ( 'user2', -2 ); ?>
</div>
</td>
<?php
}
?>
</tr>
<tr>
<td colspan="
<?php echo $colspan; ?>">
<img src="
<?php echo $mosConfig_live_site;?>/templates/rhuk_solarflare_ii/images/spacer.png" alt="" title="spacer" border="0" height="2" width="100" /><br />
</td>
</tr>
<?php
}
?>
<tr>
<td colspan="
<?php echo $colspan; ?>">
<div id="pathway_text">
<?php mosPathWay(); ?>
</div>
</td>
</tr>
<tr>
<td colspan="
<?php echo $colspan; ?>" class="body_outer">
<?php mosMainBody(); ?>
</td>
</tr>
</table>
</td>
<?php
if ( $right > 0 ) {
?>
<td>
<div id="right_outer">
<div id="right_inner">
<?php mosLoadModules ( 'right', -2 ); ?>
</div>
</div>
</td>
<?php
}
?>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</div>
<?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?>
<?php mosLoadModules( 'debug', -1 );?>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-11013409-1");
pageTracker._trackPageview();
} catch(err) {}</script>
<script type="text/javascript" language="JavaScript">
<!--
var date = new Date();
var time = date.getHours();
if (time >= 6 && time < 7) {document.body.background = 'zachodvorx.jpg'};
else if (time >= 7 && time < 16) {document.body.background = 'dzienvorx.jpg'};
else if (time >= 16 && time < 17) {document.body.background = 'zachodvorx.jpg'};
else {document.body.background = 'nocvorx.jpg'}
-->
</script>
</body>
</html>
Natomiast w css standard:
body {
height: 100%;
margin-bottom: 1px;
background-color: transparent - to obojętne, może być nawet #ffffff i tak nic nie wpływa na wyświetlanie w FF
background-repeat: repeat;
background-attachment: fixed;
background-position: 50% 0%;
}