| StuntFactoryX |
08-03-2007 02:50 AM |
shoutbox - style help
i have a style i cannot get to work properly in IE w/ vbshout 2.1. i have tried everything. the problem i have is the scroll bar on the shoutbox hangs at the top for like 10 seconds then pops down to the bottom where is supposed to be. i have the shoutbox below the nav bar. if i relocate it down below the forums it works perfect. and it also works perfect in every other style i have.
it is somthing to do w/ the header. if i revert the header it works perfect. ive tried stripping out the lines of code 1 by one to narrow it down and i canot get it to work w/o reverting the whole thing. im thinking somewhere somthing isnt closed. i will give you my header template and the additional css. it does have images running down the sides that close in the footer i believe.
i have also purchased vbshout pro and it does the exact same thing. i cannot pin it down.
demo
http://www.stuntfactoryx.com/forum/i...hp?styleid=134
header code
Code:
<!-- set below for skin width-->
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top" width="15" style="background-image:url($stylevar[imgdir_misc]/side_ls.gif) "><img src="$stylevar[imgdir_misc]/side_ls.gif" width="15" alt="" /></td>
<td>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top">
<!-- begin titanium header / logo is controlled via #logo in main CSS file -->
<div id="hdr_bdr">
<div id="hdr"><div id="logo"></div><div id="hdr_rs"></div></div>
<div id="nav_back"><div id="nav_ls"></div>
<table width="50%" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<!-- begin navigation buttons table -->
<table width="50%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="45" height="19" class="nav_buttons"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img src="$stylevar[imgdir_misc]/nav_home.gif" width="45" height="19" border="0" alt="" /></a></td>
<td width="65" height="19" class="nav_buttons"><a href="usercp.php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/nav_user_cp.gif" width="65" height="19" border="0" alt="" /></a></td>
<if condition="$show['registerbutton']">
<td width="68" height="19" class="nav_buttons"><a href="register.php$session[sessionurl_q]" rel="nofollow"><img src="$stylevar[imgdir_misc]/nav_register.gif" width="68" height="19" border="0" alt="" /></a></td>
<else />
<td width="56" height="19" id="usercptools" class="nav_buttons"><a href="$show[nojs_link]#usercptools"><img src="$stylevar[imgdir_misc]/nav_menu.gif" width="56" height="19" border="0" alt="" /></a><script type="text/javascript"> vbmenu_register("usercptools", 1); </script></td>
</if>
<td width="65" height="19" class="nav_buttons"><a href="memberlist.php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/nav_members.gif" width="65" height="19" border="0" alt="" /></a></td>
<td width="72" height="19" class="nav_buttons"><a href="calendar.php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/nav_cal.gif" width="72" height="19" border="0" alt="" /></a></td>
<td width="72" height="19" id="navbar_search" class="nav_buttons"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow"><img src="$stylevar[imgdir_misc]/nav_search.gif" width="72" height="19" border="0" alt="" /></a><if condition="$show['quicksearch']"><script type="text/javascript"> vbmenu_register("navbar_search" ,1); </script></if></td>
<td width="38" height="19" class="nav_buttons"><a href="faq.php$session[sessionurl_q]" accesskey="5"><img src="$stylevar[imgdir_misc]/nav_faq.gif" width="38" height="19" border="0" alt="" /></a></td>
</tr>
</table>
<!-- End navigation buttons table -->
</td>
</tr>
</table>
</div>
</div>
<div id="nav_bottom"></div>
<!-- content table -->
<table bgcolor="#1b1b1b" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
$spacer_open
$_phpinclude_output
additional css
Code:
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 11pt; }
/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px; }
/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }
/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px;
border: 2px solid #000000;
padding: 4px;
}
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px;}
/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }
/* ***** sets background for header area - No need to change this ***** */
#hdr {
background: #000000 url(titanium/misc/header_back.jpg) ;
width: 100%;
height: 125px;
margin: 0;
padding: 0;
}
/* ***** dispalys 1 px border around header area - No need to change this ***** */
#hdr_bdr {
border-left: 1px solid #2a2a2a;
border-right: 1px solid #2a2a2a;
margin: 0;
padding: 0;
}
/* ***** SETS LOGO AREA FOUND IN HEADER AND ALL OF IT'S PROPERTIES ***** */
#logo {
background: url(titanium/misc/logo.jpg);
width: 273px;
height: 125px;
float: left;
margin: 0;
padding: 0;
}
#hdr_rs {
background: #000000 url(titanium/misc/header_rs.jpg);
width: 12px;
height: 125px;
float: right;
margin: 0;
padding: 0;
}
/* ***** used for navigation background ***** */
#nav_back {
background: #252525 url(titanium/misc/nav_back.jpg);
width: 100%;
height: 22px;
}
/* ***** used for navigation left side graphic ***** */
#nav_ls {
background: #252525 url(titanium/misc/nav_ls.jpg);
width: 119px;
height: 22px;
float: left;
margin: 0;
padding: 0;
}
/* ***** used for shadow under navigation buttons ***** */
#nav_bottom {
background: #1b1b1b url(titanium/misc/nav_btm.gif) repeat-x top left;
width: 100%;
height: 6px;
margin: 0;
padding: 0;
}
/* ***** used for navigation button spacing ***** */
.nav_buttons {
padding-left: 3px;
padding-right: 3px;
padding-top: 1px;
}
.info {
padding-left: 3px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #2c2c2c;
border-top: 1px solid #0e0e0e;
border-right: 2px solid #0e0e0e;
border-left: 1px solid #0e0e0e;
border-bottom: 2px solid #0e0e0e;
margin-bottom: 3px;
}
.announce_l {
background: #0f0f0f;
color: #7a7a7a;
border-left: 1px solid #3c3c3c;
border-top: 1px solid #3c3c3c;
}
.announce_r {
background: #1a1a1a;
color: #7a7a7a;
border-left: 1px solid #3c3c3c;
border-top: 1px solid #3c3c3c;
}
.stuck {
background: #1a1a1a;
color: #7a7a7a;
border-left: 1px solid #3c3c3c;
border-top: 1px solid #3c3c3c;
}
.spacer {
padding: 7px 7px 7px 7px;
}
nobody? ill pay if sombody can help me fix it. im out of resources. |
More Information