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;
}