Salve a tutti...
ho un "dilemma" da risolvere.....
Come si evince dalla foto non riesco a far sparire la spaziatura che si vede SOLO in alcuni browser, mentre (sotto) su Explorer 10 si vede correttamente.
Il codice (segnato in neretto) è il punto esatto dove è collocata l'immagine in testata e sotto il menu.... mi sapete spiegare il motivo di questa assurda spaziatura ?
codice:
<?php if($browser == "ie7" && $s5_menu != "5") { ?>
<script type="text/javascript" src="<?php echo $LiveSiteUrl ?>templates/game_crusade/js/IEsuckerfish.js"></script>
<?php } ?>
<style type="text/css">
#s5_menu {
background:<?php if ($s5_menu_color != "") { ?>#<?php echo $s5_menu_color ?> <?php } ?>url(<?php echo $LiveSiteUrl ?>templates/game_crusade/images/s5_menu_bg.png) repeat-x top left;
}
#s5_navv ul li.active a.active, #cboxLoadedContent div.module h3, .s5_h3_first, a, .contentheading, .componentheading, #current, #current span.s5_accordion_menu_left a.mainlevel, #current span {
color:#<?php echo $s5_highlight ?>;
}
<?php if(!$this->countModules('bottom_row_1') && !$this->countModules('bottom_row_2') && !$this->countModules('bottom_row_3') && !$this->countModules('bottom_row_4')) { ?>
#s5_footer {
margin-top:-11px;
}
<?php } ?>
<?php if(!$this->countModules('top_3')) { ?>
#s5_top_container {
margin-bottom:0px;
}
#s5_top_container .module_round_box {
margin-bottom:0px;
}
<?php } ?>
<?php if ($s5_menu == "5") { ?>
#s5_top_container {
margin:0px;
}
#s5_top_container .module_round_box {
margin-top:0px;
}
<?php } ?>
<?php if($browser == "ie7") { ?>
.s5_mm {
background:#FEFDFA;
filter: alpha(opacity=78);
}
<?php } ?>
</style>
</head>
<body id="s5_body" style="background-color:#<?php echo $s5_bg ?>">
<div id="s5_body_wrap" style="background:url('<?php echo $LiveSiteUrl ?>templates/game_crusade/images/s5_background1.jpg') no-repeat top center<?php if ($s5_bg_fixed == "fixed") { ?>; position:fixed<?php } ?>">
</div>
<?php if ($s5_bg_fixed == "fluid") { ?>
<script type="text/javascript" language="javascript">
function s5_gc_getDocHeight() {
var s5_gc_D = document;
return Math.max(
Math.max(s5_gc_D.body.scrollHeight, s5_gc_D.documentElement.scrollHeight),
Math.max(s5_gc_D.body.offsetHeight, s5_gc_D.documentElement.offsetHeight),
Math.max(s5_gc_D.body.clientHeight, s5_gc_D.documentElement.clientHeight)
);
}
function s5_gc_resize_bg() {
s5_gc_getDocHeight();
document.getElementById("s5_body_wrap").style.height = s5_gc_getDocHeight() + "px";
}
var s5_gc_resize_Interval = 0;
s5_gc_resize_Interval = window.setInterval("s5_gc_resize_bg()",200);
</script>
<?php } ?>
<div id="s5_main_body_wrap" style="margin-left:-<?php echo $s5_body_width/2 ?>px; width:<?php echo $s5_body_width ?>px">
<div id="s5_main_wrap" style="width:<?php echo $s5_body_width ?>px">
<?php if ($this->countModules("top_1") || $this->countModules("top_2") || $this->countModules("top_3") || $s5_menu <= "4") { ?>
<div class="s5_round_wrap">
<div class="s5_tl"></div>
<div class="s5_tm" style="width:<?php echo $s5_body_width - 48 ?>px"></div>
<div class="s5_tr"></div>
<div class="s5_ml" style="width:<?php echo $s5_body_width - 24 ?>px">
<div class="s5_mr" style="width:<?php echo $s5_body_width - 48 ?>px">
<div class="s5_mm" style="width:<?php echo $s5_body_width - 48 ?>px">
<div style="position:left">
<?php if ($s5_menu != "5") { ?>
<div id="s5_logo" onclick="window.document.location.href='index.php'"></div>
<div id="s5_menu">
<div id="s5_navv">
<?php mosShowListMenu($menu_name); ?>
<?php if ($s5_jsmenu == "s5") { ?>
<?php if ($s5_menu == "1") { ?>
<script type="text/javascript" src="<?php echo $LiveSiteUrl ?>templates/game_crusade/js/s5_drop_in_no_moo_menu.js"></script>
<?php } ?>
<?php if ($s5_menu == "2") { ?>
<script type="text/javascript" src="<?php echo $LiveSiteUrl ?>templates/game_crusade/js/s5_fading_no_moo_menu.js"></script>
<?php } ?>
<?php if ($s5_menu == "3") { ?>
<script type="text/javascript" src="<?php echo $LiveSiteUrl ?>templates/game_crusade/js/s5_scroll_down_no_moo_menu.js"></script>
<?php } ?>
<?php } ?>
<script type="text/javascript" src="<?php echo $LiveSiteUrl ?>templates/game_crusade/js/s5_menu_active_and_parent_links.js"></script>
</div>
<div style="display:none"> [img]<?php echo $LiveSiteUrl ?>templates/game_crusade/images/s5_menu_hover.png[/img]</img>
</div>
<?php if ($this->countModules("login") || $this->countModules("register")) { ?>
<div id="s5_login_wrap1">
<div id="s5_login_wrap2">
<div id="s5_login_wrap3">
<div id="s5_login_wrap4">
<div id="s5_login_wrap5">
<script type="text/javascript" language="javascript">
var s5_reg_width = 0;
var s5_login_width = 0;
</script>
<div id="s5_login_wrap_width">
<?php if ($this->countModules("register")) { ?>
<div id="s5_register" class="s5box_register"> <jdoc:include type="modules" name="register" style="title_only" />
</div>
<script type="text/javascript" language="javascript">
var s5_reg_width = document.getElementById("s5_register").offsetWidth;
</script>
<?php } ?>
<?php if ($this->countModules("login")) { ?>
<div id="s5_login" class="s5box_login"> <jdoc:include type="modules" name="login" style="title_only" />
</div>
<script type="text/javascript" language="javascript">
var s5_login_width = document.getElementById("s5_login").offsetWidth;
</script>
<?php } ?>
</div>
<script type="text/javascript" language="javascript">
document.getElementById("s5_login_wrap_width").style.width = s5_reg_width + s5_login_width + "px";
document.getElementById("s5_login_wrap_width").style.display = "block";
</script>
</div>
</div>
</div>
</div>
</div>
<?php } ?>
</div>