Internet Explorer 9 total verzogen der Mist.
Könnt ihr mal kurz schaun ob da in dem Code irgendwo was drinn ist warum sich das so verzieht ?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="include/designs/Rabe2/style.css">
<script type="text/javascript">
function oeffnefenster (url) {
fenster = window.open(url, "fenster1", "width=450,height=150,status=yes,scrollbars=no,resizable=no");
fenster.focus();
}
</script>
<link rel="stylesheet" type="text/css" href="include/extras/fancybox/jquery.fancybox.css" media="screen" />
<script type="text/javascript" src="include/includes/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="include/extras/fancybox/jquery.fancybox-1.2.1.pack.js"></script>
<script type="text/javascript" src="include/extras/fancybox/jquery.easing.1.3.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("table#galimages a").fancybox(
{
'zoomSpeedIn': 800,
'zoomSpeedOut': 500,
'zoomSpeedChange': 800,
'zoomOpacity': 0.5,
'overlayOpacity': 0.5,
'easingIn' : 'easeOutBack',
'easingOut' : 'easeInBack',
'overlayShow': true
}
);
$("div#bbvideo a").fancybox(
{
'zoomSpeedIn': 800,
'zoomSpeedOut': 500,
'zoomSpeedChange': 800,
'zoomOpacity': 0.5,
'overlayOpacity': 0.5,
'overlayShow': true
}
);
});
</script>
<style type="text/css">
#bildseite
{
position:relative;
float: left;
width: 215px;
left:495px; top:222px;
border-bottom: 0px solid #000000;
border-right: 0px solid #000000;
}
</style>
<link rel="stylesheet" href="include/includes/css/slide.css" type="text/css" media="screen" />
<!-- Sliding effect -->
<script type="text/javascript"
src="include/includes/js/slide.js" >
</script>
<script type="text/javascript" src="include/includes/js/messenger.js"></script>
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/chat.css" />
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen.css" />
<!--[if lte IE 7]>
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" />
<![endif]-->
<style type="text/css">
.facebook {display:inline-block;background:transparent url('include/images/icons_comm6/facebook.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.facebook:hover {display:inline-block;background:transparent url('include/images/icons_comm6/facebook.png') no-repeat bottom right;width: 46px; height: 40px;border: none;}
.rss {display:inline-block;background:transparent url('include/images/icons_comm6/rss.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.rss:hover {display:inline-block;background:transparent url('include/images/icons_comm6/rss.png') no-repeat bottom right;width: 46px; height: 40px;border: none;}
.ts {display:inline-block;background:transparent url('include/images/icons_comm6/ts.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.ts:hover {display:inline-block;background:transparent url('include/images/icons_comm6/ts.png') no-repeat bottom right;width: 46px; height: 40px;border: none;}
.closed {float:left;display:block;width: 16px;height: 16px;background-image: url('include/images/icons_comm6/closed.png');background-repeat: no-repeat;}
.black_overlay{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color:#000;
z-index:1001;
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);
}
.white_content {
display: none;
position: fixed;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
-webkit-box-shadow:8px 8px 8px #000;-moz--box-shadow:8px 8px 8px #000;box-shadow:8px 8px 8px #000;
left:50%; top:50%;
margin-left:-200px; margin-top:-250px;
width: 500px;
height: 500px;
padding: 4px;
border: 1px solid #bbbbbb;
background-color: #ffffff;
color: #000000;
z-index:1002;
overflow: auto;
}
</style>
<script type="text/javascript">
<!--
jQuery(document).ready(function() {
$("a#ToogleSidebar1").click().toggle(function() {
$('#sidebar1').animate({
width: 'hide',
opacity: 'hide'
}, 'slow');
}, function() {
$('#sidebar1').animate({
width: 'show',
opacity: 'show'
}, 'fast');
});
});
-->
</script>
</head>
<body>
<div id="game_slid" class="game_slid" style=" left: -272px; width: 335px; position: fixed; top: 542px; background:
url(http://www.vomzeisigwald.de/include/downs/upload/Zeisigwald/boxgrund.png) repeat scroll 100% 0% transparent; height: 170px; z-index: 999;">
<div style="position:absolute;top:40px;right:44px;width:240px;height:140px;overflow:auto;color:#ffffff;">{_boxes_login}</div></div>
<div id="icon_button" style="left:0px;position:fixed;top:19px;" >
<a class="facebook" target="_blank" href="https://www.facebook.com/pages/Briten-vom-Zeisigwald/419188498172246" title="Besuch uns bei Facebook"></a><br/>
<a class="rss" title="News abonieren" href="index.php?news-rss" target="_blank"></a><br/>
<a class="ts" href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" title="Kontaktiere uns"></a></div>
<div id="light" class="white_content"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" class="closed" title="Fenster schließen"></a><br><br>
<!-- Anfang TS Code -->
<a href="index.php?contact"><img src="http://www.vomzeisigwald.de/include/downs/upload/Zeisigwald/kontakt.png" alt="Kontakt" border="0"> </a>
<!-- Ende TS Code -->
</div><div id="fade" class="black_overlay"></div>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center">
<div id="top">
<div id="header"> <div style="float:left;" id="tagcloud"><?/div>
<div id="bildseite">{_if_{SESSION_AUTHRIGHT}<='-1'} <b><font size="-2"></font></b>{_boxes_tagcloud} {_else_} {_boxes_tagcloud} {/_endif}</div> </div></div>
</div>
<div id="center">
<div id="left_col"><input type="button" name="Livecam" value="Webcam" onclick="window.open('http://doyo26.ddns-instar.de/main.htm','Webcam','width=880, height=680, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><input type="button" name="showchat" value="Webchat" onclick="window.open('index.php?ajaxchat&iframe=false','Chat','width=720, height=520, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><br><br>
{_list_menunr1@
<table cellpadding="0" cellspacing="0" border="0" width="160">
<tr>
<td style="height: 31px; background: url(include/designs/Rabe2/img/box_left_top.jpg) top left no-repeat;"><b class="menu_heading">%1</b></td>
</tr>
<tr>
<td style="background: url(include/designs/Rabe2/img/box_left_middle.jpg) top left repeat-y; padding: 5px; align="left">%2</td>
</tr>
<tr>
<td style="height: 8px; background: url(include/designs/Rabe2/img/box_left_bottom.jpg) bottom left no-repeat;"></td>
</tr>
</table>
}
</div>
<div id="main_col">
<table width="715" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="min-height:-30px;padding: 0px;" colspan="5"><b><p align="center"><div align="center">{_boxes_freunde}</div><center></center></div><script type="text/javascript" src="include/includes/js/countdown.js"></script>
<div align="center" id="countdown">
</div>
</div></div>
</p><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20%"></td>
</tr>
</table><br></b>{EXPLODE}<br></td>
</tr>
</table>
<div align="center">
</div>
</div>
<div id="footer"><br><br> <font color="#ffffff"><font size="-2">Copyright © 2013 vomzeisigwald.de Britisch Kurz und Langhaar Katzen aus Chemnitz Sachsen. Site Details <a href="/index.php?rules"><b><font size="-2"><font color="#FFFFFF">Impressum</font></font></b></a>
</div>
</div>
</div>
</td>
</tr>
</table>
<!--
{_list_DDDmenupoint@
<strong><big>·</big></strong>
<a %1 class="box" href="%2">%3</a>
<br />
}
//-->
<!--
[null, '%3', '%2', '%1', null|],|,
-->
<!-- anfang + link |ende |teilende|teilee -->
<!-- horizontaler menupunkt -->
{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
<!-- horizontaler menupunkt anfang -->
{_list_hmenubegi@<ul>}
<!-- horizontaler menupunkt ende -->
{_list_hmenuende@</ul>}
<!-- vertikaler menupunkt -->
{_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
<!-- vertikaler menupunkt anfang -->
{_list_vmenubegi@<ul>}
<!-- vertikaler menupunkt ende -->
{_list_vmenuende@</ul>}
<script type="text/javascript">
var state = 0;
var wait = false;
function changeSlider2()
{
if(state==1){
$('#game_slid').animate({width: 335 }, "slow", function(){state = 0;}
);
}
else
$('#game_slid').animate({width: 556 }, "slow", function(){state = 0;}
);
}
$('#game_slid').click(function(){
changeSlider2();
});
</script>
</body>
</html>
Meine css
body {
margin : 0;
padding : 0;
background : url(img/bg.jpg);
background-repeat : repeat;
background-attachment : scroll;
background-color : #000000;
font : 10px Verdana, Helvetica, sans-serif;
text-decoration : none
}
#tagcloud {
margin-left : 150px;
margin-top : 12px;
}
#bildseite {
float : left;
margin-top : -220px;
margin-left : -125px;
}
#iframe_1 {
text-align : center;
width : 0px;
height : 0px;
background : #000000;
}
input.farbig {
background-color : #000000;
color : #eaddbc;
padding : 1px;
font-size : 11px;
border-color : #eaddbc;
}
#rekrutieren {
margin : auto !important;
text-align : left;
width : 120px;
padding : 2px;
margin-bottom : 1px !important;
}
.tableBorder {
border : 1px solid #512800;
}
.abstand_iframe {
padding : 10px;
}
.scrollbereich {
overflow : hidden;
width : 180px;
height : 180px;
}
#top {
margin : 0 auto;
padding : 0;
width : 1000px
}
#footer_menu {
color : #9d8a68;
width : 200px;
float : left;
margin : 65px 0px 0px 350px;
display : inline;
}
#header {
background-image : url(img/header.png);
background-repeat : no-repeat;
background-position : center bottom;
width : 1000px;
height : 268px
}
#center {
background-image : url(img/center.png);
background-position : center;
margin : 0 auto;
padding : 0;
width : 1000px;
}
#footer {
background-image : url(img/footer.png);
background-repeat : no-repeat;
background-position : center;
text-align : center;
width : 1000px;
height : 86px;
clear : both
}
#left_col {
width : 161px;
color : #8f7a30;
float : left;
margin-left : 31px;
}
#left_col .Cmite, #left_col .Cnorm, #left_col .Cdark {
color : #333333;
}
#left_col .menu_heading {
color : #9a8e7d;
display : block;
letter-spacing : 2px;
font-size : 10px;
padding-top : 0px;
padding-left : 30px;
padding-right : 5px;
padding-bottom : 8px;
}
#left_col ul {
padding : 0;
margin : 3;
list-style : inside url(img/box_menu_pfeil.png);
width : 145px;
}
#left_col li ul {
width : 145px;
background : url(img/box_menu_trennlinie.gif) no-repeat top;
}
#left_col li li {
padding-left : 0px;
}
#left_col li a {
color : #333333;
padding-left : 0px;
font-size : 13px;
font-weight : bold;
text-decoration : none;
}
#left_col li a:hover {
color : #a55300;
padding-left : 0px;
font-size : 13px;
font-weight : bold;
text-decoration : none;
}
#main_col {
width : 500px;
float : left;
margin-left : 30px;
clear : none;
min-height : 100px;
}
#right_col1 {
width : 182px;
float : right;
padding-top : 0px;
padding-left : 8px;
padding-right : 10px;
padding-bottom : 0px;
}
#right_col1 .menu_heading {
color : #d4c7b5;
display : block;
letter-spacing : 1px;
font-size : 10px;
padding-top : 15px;
padding-left : 15px;
padding-right : 5px;
padding-bottom : 0px;
}
#search_box {
color : #8f7a30;
float : right;
margin : 15px 20px 0px 0px;
display : inline;
}
img {
border : 0px;
}
td {
font-family : Verdana;
font-size : 12px;
}
a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a {
color : #372913;
font-family : Verdana;
font-size : 11px;
text-decoration : none;
}
a:hover {
color : #a55300;
text-decoration : none;
font-size : 11px;
}
a.box {
color : #333333;
font-family : Verdana;
font-size : 11px;
text-decoration : none;
}
a.box:hover {
color : #ddc489;
text-decoration : none;
font-size : 11px;
}
.Chead {
font-size : 11px;
background : #d9c79e;
color : #333333;
}
.Chead td, .Chead td strong, .Chead h4, .Chead td b {
background : #e2d6b0;
color : #333333;
}
.Callg {
color : #333333;
}
.Callg td {
color : #333333;
}
.Cnorm {
background-color : #e2d6b0;
}
.Cmite {
background-color : #e2d6b0;
}
.Cdark {
background-color : #d9c79e;
}
.rand {
border : solid #522303 0px;
}
.smalfont {
font-size : 11px;
text-decoration : none;
}
.border {
background-color : #BFB48E;
}
.title {
color : #333333;
font : 11px Verdana;
font-weight : bold
}
.login {
color : #000000;
background-color : #272727;
font-size : 10px;
font-family : verdana, arial, helvetica;
border-style : solid;
border : 2px;
border-color : #695538;
}
hr {
height : 0px;
border : solid #804000 0px;
border-top-width : 1px;
}
input, textarea, select {
color : #72623b;
font : 11px Verdana;
border-color : #c8aa5e;
border-width : 2px;
border-style : solid;
font-weight : none;
text-decoration : none;
background-color : #eae5d5;
}
Ich werd mal ne andere Light Box suchen oder Fancy Box
Danke euch
Zuletzt modifiziert von Zeisig am 01.04.2013 - 10:49:57