View Full Version: [S] Active Topics Page Stretching

RPG-Directory > Solved Support Topics > [S] Active Topics Page Stretching



Title: [S] Active Topics Page Stretching


Rokkan - April 27, 2008 07:29 PM (GMT)
click for screenshot

I don't know what's making this happen; the code is exactly the same as one I'm using for another site, bar the colouring. It only happens in Firefox, and only on this site; it's really starting to bug me.

codes:

header/body:
CODE
<center><table cellpadding="10" cellspacing="0" width="800">
<td class="forumtable" bgcolor='#656565'>
<table align=center valign=top>
<tr> <td width=200 valign=top>
<div class='maintitle'>Welcome!</div><div class="tablepad" border='1'><span class='desc'><center>
<center><b><font size="2" color=#949494>A Dark Existence<br>Infomation</font></b><br>
A Dark World is launching into version 3 as A Dark Existence with some exciting new changes on the horizon.<br>
Please take a look around, familiarise yourself with the place and get aquainted. Then, if you feel ready, build yourself a character and get roleplaying.<br>
We look forward to writing with you.
</span></div></div>

<center><div class='maintitle'>Mandatory Reads</div>
<div class="tablepad"><span class='desc' ><font size="2">
<a href="http://z11.invisionfree.com/A_Dark_Existence/index.php?showtopic=6&st=0&#last">The Plot</a><br>
<a href="http://z11.invisionfree.com/A_Dark_Existence/index.php?showtopic=7">The Rules</a><br>
<a href="http://z11.invisionfree.com/A_Dark_Existence/index.php?showtopic=167&st=0&#last">The Admin</a><br>
<a href="http://z11.invisionfree.com/A_Dark_Existence/index.php?showforum=3">The Guide</a><br>
<a href="http://z11.invisionfree.com/A_Dark_Existence/index.php?showforum=132">The Unknown</a>
</font><br><br>
</span></div></div>

<center><div class='maintitle'>RP Information</div>
<div class="tablepad"><span class='desc' >
<br>
<center><b><font size="2" color=#949494>Plot Highlights </font></b><br>Big Plot Event Title<br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=15">Check it out here!</a><br><br>
</center></center>
</span></div></div>

<center>
<div class="maintitle">CotM </div>
<div class="tablepad"><span class='desc' >
<b>TO BE ANNOUNCED</b>
<br><br>
</span></div></div>

<center>
<div class="maintitle">Staff </div>
<div class="tablepad"><span class='desc' >
You  may contact the staff through the private message link in their profiles.<br><br>
<b><u>Admins</b> </u><br>
<a href="http://z11.invisionfree.com/A_Dark_Existence/index.php?showuser=1"><b>Rich - Creator/Head Admin</b></a><br>
<a href="http://z11.invisionfree.com/A_Dark_Existence/index.php?showuser=45"><b>Jen - Deputy Admin</b></a><br><br><u><b>Moderators</u><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=5"><b>Mod 1</b></a> <br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=9"><b>Mod 2</b></a> <br>
<br><u><b>Other Staff</u><br>
<a href="http://z11.invisionfree.com/A_Dark_Existence/index.php?showuser=52"><b>Rokkan - Graphics & Coding</b></a> <br>
</span></div></div>
</center>

<div class='maintitle'>Advertise Us! </div></b>
<div class="tablepad"><span class='desc'>
<img src="88x31banner.jpg">
<br>
<br><b><u>Listed At</b></u></b>
<marquee scrolldelay="151"><BR>
<a href="http://www.rpg-directory.com/"
target="_blank"><img src="http://www.img.photobucket.com/albums/v231/ShinLi/RPG%20Life/RPGDirectoryMiniBanner2.gif" alt="RPG-Directory"></a>
&nbsp;
<a href="http://rpg-directory-home.com/topsite/">
<img src="http://rpg-directory-home.com/topsite/button.php?u=sitename" alt="RPG-Directory Topsite List" border="0" />
</a>
&nbsp;
</marquee><br>

<textarea class="textinput" readonly="readonly"><a href="http://z8.invisionfree.com/YourSite/index.php?act=idx"
target="_blank"><img src="88x31banner.jpg" alt="Your Site"></a></textarea>
</span></div></div>

<div class='maintitle'>Credits </div>
<div class="tablepad"><span class='desc'>
Skin © Rokkan
<br>
Side-bar © <a href="http://rpg-directory.com/">Roswenth</a>

</span></div></div>
<br /></center>
</td>
<td width="720" height="100%" valign=top>
<div class="logo"><a href='http://z11.invisionfree.com/A_Dark_Existence/index.php?act=idx'><center><img src='http://img.photobucket.com/albums/v683/graphix2005/adwheaders/ADEbanner.png'></center></a></div>
<div class="customsubmenu">
<a href="http://z11.invisionfree.com/A_Dark_Existence/index.php?act=Help">Help</a><a href="http://z11.invisionfree.com/A_Dark_Existence/index.php?act=Search&f=">Search</a><a href="http://z11.invisionfree.com/A_Dark_Existence/index.php?act=Members">Members</a><a href="http://z11.invisionfree.com/A_Dark_Existence/index.php?act=calendar">Calendar</a><a href="http://z11.invisionfree.com/A_Dark_Existence/index.php?act=site">Portal</a>
</div>
<br>
<% BOARD HEADER %>
<center><font size=5><b>Returning users please reply in <a href='http://z11.invisionfree.com/A_Dark_Existence/index.php?showtopic=225&st=0&#last'>this thread</a></font><br>please note that the sidebar is currently a Work in Progress. Thank you for your patience.</center><br>
<% NAVIGATION %>
<% BOARD %>
<% STATS %><br>


footer:
CODE
</table></center>

<script>
<!--
/*Advanced Legend v1.01
by es. http://if-productions.com 2005 */

//variables
newtitle = "Member Legend"
pretext = "Legend:"
selected = "Selected:"
mover = "Group:"
howwide = "100%"
numbergroup = 8
dropdown = "YES"
dropdefault= "Groups"

//legend;Team Name,Color,Symbol Color,Symbol,iconimg
var legend = []
legend[1]= ["Administrators" , "949494" , "" , "" , "http://img.photobucket.com/albums/v683/graphix2005/adwheaders/memberlegend/admin.png"]
legend[2]=["Pureblood Vampire" , "E41B17" , "" , "" , "http://img.photobucket.com/albums/v683/graphix2005/adwheaders/memberlegend/purebloodvampire.png"]
legend[3]=["Half-breed" , "0000A0" , "" , "" , "http://img.photobucket.com/albums/v683/graphix2005/adwheaders/memberlegend/halfbreed.png"]
legend[4]=["Magi" , "15317E" , "" , "" , "http://img.photobucket.com/albums/v683/graphix2005/adwheaders/memberlegend/magi.png"]
legend[5]=["Seer" , "0000FF" , "" , "" , "http://img.photobucket.com/albums/v683/graphix2005/adwheaders/memberlegend/seer.png"]
legend[6]=["Turned Vampire" , "2554C7" , "" , "" , "http://img.photobucket.com/albums/v683/graphix2005/adwheaders/memberlegend/turnedvampire.png"]
legend[7]=["Werewolf" , "808080" , "" , "" , "http://img.photobucket.com/albums/v683/graphix2005/adwheaders/memberlegend/werewolf.png"]
legend[8]=["New Members" , "FFFFFF" , "" , "" , "http://img.photobucket.com/albums/v683/graphix2005/adwheaders/memberlegend/newmember.png"]
//icons
newicon = "http://img.photobucket.com/albums/v683/graphix2005/rCr/skinning/plred/forummarkers/forumnonew.png"

//options groups

memgroup = []
memgroup[1] = ["Veil of Darkness" , "Veil of Evil" , "Veil of Silence"]
memgroup[2] = ["Nirov Myar"]
memgroup[3] = ["Hunter Creed"]
memgroup[4] = ["Kiara Ward" , "Mina Sabau"]
memgroup[5] = ["Dylan Cage," , "Natalie Rourke" , "Darius Exeter"]
memgroup[6] = ["None to be listed"]
memgroup[7] = ["Doyle Jaegar" , "Namir"]
memgroup[8] = ["None to be listed"]

//end variables;start external
document.write('<script src = "http://209.85.62.25/4035/102/upload/p357518.ibf"></script>')
//-->
</script>



CSS:
CODE
html { overflow-x: auto; overflow-y: auto; }

div.row4 { border-color: #565656!important;background-color: #656565}

form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #4c0000; margin:0px 10px 0px 10px; background-color:#565656;}
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #4c0000; }
a:link, a:visited, a:active { text-decoration: none; color: #949494 }
a:hover { color:#c3c3c3; text-decoration:underline overline }

</STYLE><CENTER>Skin: <B>pololoco/red</B> created by <B>Rokkan</B> of <B><A HREF="http://forums.redcarpetrebellion.net/index.php?act=idx" TARGET="_BLANK">red carpet & rebellion</A></B></CENTER><br><STYLE TYPE="text/css">

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #4c0000;padding:2px }

.googleroot  { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help    { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#4c0000}
.caldate   { text-align:right; font-weight:bold; font-size:11px; color:#4c0000; background-color:#565656; padding:3px; margin:0px }

.warngood { color:green }
.warnbad  { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:24px; font-weight:bold; }
#calendarname { font-size:24px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px dashed #4c0000 }
#photoimg   { text-align:center; margin-top:15px }

#ucpmenu    { line-height:150%;width:22%; border: 1px dashed #4c0000; background-color:#565656}
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #565656; border: 1px dashed #4c0000; line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { display:none }
.logo {
background-color: #565656; border: 1px solid: #565656;}
#submenu   { border: 1px dashed #4c0000;background-color: #565656;  font-size:10px;margin:3px 0px 3px 0px; color:#4c0000; font-weight:bold;}
#submenu img { display: none; }
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold; font-size:10px;text-decoration: none; color: #4c0000;}
#submenu a:hover {text-decoration:none; color:#4c0000}
#submenu {display:none}
#userlinks { border: 1px dashed #4c0000; background-color:#565656;}

.customsubmenu{ text-align: center; border: 1px solid #656565; padding: 0px; text-transform:uppercase; font-size: 18px; margin: 10px 0px 0px 0px; color:#4c0000; font-weight:bold; text-align:center; text-position:bottom; height: 20px;}
.customsubmenu a {font-weight:bold; font-size:10px; text-decoration:none; color: #949494; padding-top: 2px; padding-bottom: 2px; padding-left: 20px; padding-right: 20px; border: 1px solid #565656; border-left: 1px solid #565656; border-top: 1px solid #565656;}
.customsubmenu a:hover { text-decoration:none; padding-top: 2px; padding-bottom: 2px; padding-left: 20px; padding-right: 20px; border: 0px solid #4c0000; color: #c3c3c3;text-decoration:underline overline }

#navstrip  { text-indent:5px; font-weight:bold;padding:2px 0px 2px 0px; border: 1px dashed #4c0000; background-color:#565656;}

.activeuserstrip {padding:6px; background-color:#565656; border: 1px dashed #4c0000; }

.pformstrip { background-color:#565656; color:#4c0000; font-weight:bold;padding:3px;margin-top:1px }
.pformleft  { background-color: #565656; padding:6px; margin-top:1px;width:25%; border: 1px dashed  #4c0000; }
.pformleftw { background-color: #565656; padding:6px; margin-top:1px;width:40%; border: 1px dashed #4c0000; }
.pformright { background-color: #565656; padding:6px; margin-top:1px; border: 1px dashed #4c0000; }

.post1 { background-color: #565656}
.post2 { background-color: #565656}
.postlinksbar {padding:7px;margin-top:1px;font-size:10px; background-color:#565656 }

.row1 { background-color: #565656;}
.row2 { background-color: #565656;}
.row3 { background-color: #565656;}
.row4 { background-color: #565656;}

.darkrow1 { background-color: #565656; color:#4c0000;}
.darkrow2 { padding:1px; background-color: #565656; background-image:url(http://); color:#4c0000;padding:3px}
.darkrow3 { background-color: #565656; color:#4c0000;}

.hlight { background-color: #565656}
.dlight { background-color: #565656}

.titlemedium {text-indent:3px; font-weight:bold; color:#4c0000; padding:2px; margin:0px; background-color:#565656;}
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: none; color: #4c0000}
.titlemedium a:hover {text-decoration:none; color:#4c0000}

.maintitle {vertical-align:middle;text-align:center;font-weight:bold; color:#949494; letter-spacing:1px; padding:8px 0px 8px 5px;  background-color:#565656; background-image:url(http://img.photobucket.com/albums/v683/graphix2005/rCr/skinning/plred/maintitle.png); backround-repeat:no-repeat; background-position:center center}
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #a9a9a9}
.maintitle a:hover { text-decoration:underline overline; color:#949494}

.plainborder { border:1px solid #656565;background-color:#656565}
.tableborder { border:1px solid #656565;background-color:#656565; padding:0px; margin:0px; width:100% }
.tableborder table { padding: 2px; border: 5px double #565656; }
.tablefill   { border:1px solid #4c0000; background-color:#565656; padding:6px;  }
.tablepad    { background-color:#565656; padding:6px }
.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }
.forumtable {border:1px dashed #4c0000; }

.wrapmini    { float:left;line-height:1.5em;width:25% }
.pagelinks   { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#4c0000}
.edit { font-size: 9px; color:#4c0000}

.signature   { font-size: 10px; color: #4c0000}
.postdetails { font-size: 10px; color:#4c0000 }
.postcolor   { font-size: 9px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #4c0000}
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #7c0000}

.searchlite { font-weight:bold; color:#4c0000; background-color:#565656}

#QUOTE { font-family: Verdana, Arial; font-size: 9px; color: #4c0000; background-color: #656565; border: 1px dashed #4c0000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Arial, Courier, Courier New, Verdana;  font-size: 10px; color: #4c0000; background-color: #656565; border: 1px dashed #4c0000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons  { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color:#4c0000; font-weight:bold; background-color:#656565;border:1px solid #4c0000}
.forminput, .textinput, .radiobutton, .checkbox  { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #4c0000; background-color:#656565;border:1px dashed #4c0000}

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #440E00;border-bottom:1px solid #4c0000}

.purple { color:purple;font-weight:bold }
.red    { color:red;font-weight:bold }
.green  { color:green;font-weight:bold }
.blue   { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }

#ipbwrapper {
text-align:left;
width:800px;
margin-left:auto;
margin-right:auto;}

ShinLi - June 19, 2008 12:34 PM (GMT)
Your topic has been solved and moved to the 'Solved Support Topics' forum! Still have a question, or something isn't clear yet? Open up a new topic, but be sure to be more specific this time!




Hosted for free by InvisionFree