We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 14867
    • 65 Posts
    here is my problem Page ...
    http://www.hfg-forum.de/?id=8


    whatever i do it won’t solve my Problem: the overlay doesn’t fit whole page.
    i tried a page without template and it works there .. http://www.hfg-forum.de/?id=11
    so it has to be a template problem. it seems that thickbox background stops at the outer box...
    can someone help me ?

    css:
    /* ----------------------------------------------------------------------------------------------------------------*/
    /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
    /* ----------------------------------------------------------------------------------------------------------------*/
    *{padding: 0; margin: 0;}
    
    html, body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background: #eceded;
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    }
    
    /* ----------------------------------------------------------------------------------------------------------------*/
    /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
    /* ----------------------------------------------------------------------------------------------------------------*/
    #TB_window {
    	font: 12px Arial, Helvetica, sans-serif;
    	color: #333333;
    }
    
    #TB_secondLine {
    	font: 10px Arial, Helvetica, sans-serif;
    	color:#666666;
    }
    
    #TB_window a:link {color: #666666;}
    #TB_window a:visited {color: #666666;}
    #TB_window a:hover {color: #000;}
    #TB_window a:active {color: #666666;}
    #TB_window a:focus{color: #666666;}
    
    /* ----------------------------------------------------------------------------------------------------------------*/
    /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
    /* ----------------------------------------------------------------------------------------------------------------*/
    #TB_overlay {
    	position: absolute;
    	top: 0;
    	left: 0;
    	z-index: 90;
    	width: 100%;
    	height: 100%;
    	background-color: #000;
    	filter:alpha(opacity=60);
    	-moz-opacity: 0.6;
    	opacity: 0.6;
    
    }
    
    #TB_window {
    	position: absolute;
    	background: #ffffff;
    	z-index: 102;
    	color:#000000;
    	display:none;
    	border: 4px solid #525252;
    	text-align:left;
    }
    
    #TB_window img {
    	display:block;
    	margin: 15px 0 0 15px;
    	border-right: 1px solid #ccc;
    	border-bottom: 1px solid #ccc;
    	border-top: 1px solid #666;
    	border-left: 1px solid #666;
    }
    
    #TB_caption{
    	height:25px;
    	padding:7px 30px 10px 25px;
    	float:left;
    }
    
    #TB_closeWindow{
    	height:25px;
    	padding:11px 25px 10px 0;
    	float:right;
    }
    
    #TB_closeAjaxWindow{
    	padding:5px 10px 7px 0;
    	margin-bottom:1px;
    	text-align:right;
    	float:right;
    }
    
    #TB_ajaxWindowTitle{
    	float:left;
    	padding:7px 0 5px 10px;
    	margin-bottom:1px;
    }
    
    #TB_title{
    	background-color:#e8e8e8;
    	height:27px;
    }
    
    #TB_ajaxContent{
    	clear:both;
    	padding:2px 15px 15px 15px;
    	overflow:auto;
    	text-align:left;
    	line-height:1.4em;
    }
    
    #TB_ajaxContent p{
    	padding:5px 0px 5px 0px;
    }
    
    #TB_load{
    	position: absolute;
    	display:none;
    	height:100px;
    	width:100px;
    	z-index:101;
    }
    
    #TB_HideSelect{
    	z-index:99;
    	position:absolute;
    	top: 0;
    	left: 0;
    	background-color:#fff;
    	border:none;
    	filter:alpha(opacity=0);
    	-moz-opacity: 0;
    	opacity: 0;
    }
    
    #TB_iframeContent{
    	clear:both;
    	border:none;
    	margin-bottom:-1px;
    	margin-top:1px;
    	_margin-bottom:1px;
    }
    
    
    
    
    
    
    
    
    
    
    
    #content1 {
    
    	margin: 28px 10px 15px 20px;
    	width: 300px;
    	height: 314px;
    
    	}
    
    #container2{
    	width: auto;
    	height: 20px;
    }
    
    
    
    #welcome{
    	width: 600px;
    	height: 20px;
    	text-align: bottom;
    	margin-left:166px;
    	background:white;
    	padding-left:10px;
    	padding-top:8px;
    }
    
    
    
    
    
    
    
    
    
    
    #container{
    	position: right;
    	margin: 18% 0px 0px 30%;
    	width: auto;
    	min-height:384px;
    	min-width:800px;
    }
    
    
    
    #box {
    
    	width: auto;
    	height: 364px;
    	min-width:800px;
    	background: url(../images/body.gif);
    
    	}
    	
    	
    	
    	
    #leftone {
    	float:left;
    	width: 650px;
    	height: 364px;
    	min-width:600px;
    	background: url(../images/body.gif);
    
    }
    
    #logo {
    	float:left;
    	width: 100px;
    	height: 364px;
    	background: url(../images/logo3.gif);
    
    }
    
    #menu {
    	float:left;
    	width: 55px;
    	height: 364px;
    	background: url(../images/menu.gif);	
    }
    
    
    
    
    
    
    #m1 a:hover{
    background: url(../images/mouse1.gif) no-repeat; 
    display:block;
    		width: 55px;
    		height: 92px;
    }
    
    
    #m1 a{
    background: url(../images/nmouse1.gif) no-repeat; 
    display:block;
    		width: 55px;
    		height: 92px;
    }
    
    
    #m2 a:hover{
    background: url(../images/mouse2.gif) no-repeat; 
    display:block;
    		width: 55px;
    		height: 63px;
    }
    
    
    #m2 a{
    background: url(../images/nmouse2.gif) no-repeat; 
    display:block;
    		width: 55px;
    		height: 63px;
    }
    
    #m3 a:hover{
    background: url(../images/mouse3.gif) no-repeat; 
    display:block;
    		width: 55px;
    		height: 84px;
    }
    
    
    #m3 a{
    background: url(../images/nmouse3.gif) no-repeat; 
    display:block;
    		width: 55px;
    		height: 84px;
    }
    
    
    
    
    #m4 a:hover{
    background: url(../images/mouse4.gif) no-repeat; 
    display:block;
    		width: 55px;
    		height: 125px;
    }
    
    
    #m4 a{
    background: url(../images/nmouse4.gif) no-repeat; 
    display:block;
    		width: 55px;
    		height: 125px;
    }
    
    
    
    
    td {
    	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    }
    
    th {
    	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    }
      42
      • 14867
      • 65 Posts
      ok... sorry for asking... a friend just looked over it and found it. ...
      its the " !important" in line 8 ...

      i hate copied CSS files... i should have done it by myself.

      sorry for posting
        42