Forums > bottom scrollbar in firefox

Full Version: bottom scrollbar in firefox

Forums > Resource Center > Support Center > Blogger Support > Blogger Resolved Topics

RxCore

Feb 17 2008, 08:59 AM

Here's my link: http://rosaleeeeeee.blogspot.com

Here's my Code:

CODE

<html>
<head>

<title>//_____*this is the reason for my love*_____//</title>

<style type="text/css">
body, xmp 
{font-family:tahoma; 
color: #000000; 
font-size: 11px; 
scrollbar-arrow-color: #000000;
scrollbar-track-color:#262626;
scrollbar-face-color: #262626;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-darkshadow-color: #262626;
scrollbar-3dlight-color: #262626;
font-family:tahoma;}

marquee{text-align:center;}

.header 
{
font-family:tahoma;
font-size: 10px;
color:#FFFFFF; 
border-bottom:1px dashed #ffe7b0;
text-decoration:none; 
text-transform:uppercase;
letter-spacing:0.3em; 
font-weight:bold; 
text-align:center;}

.title
{
font-family:tahoma;
font-size: 12px;
color:#ffffff; 
border-top:1px dashed #404040;
border-left:1px dashed #404040;
text-decoration:none; 
text-transform:uppercase;
letter-spacing:5px; 
font-weight:bold; 
text-align:center;
padding:1px;}

.title2 
{
font-family:tahoma;
font-size: 10px;
color:#ffffff; 
text-decoration:none; 
text-transform:uppercase;
letter-spacing:0.3em; 
font-weight:bold; 
text-align:left;}

.byline {
border-bottom:1px dashed #404040;
border-left:1px dashed #404040;}

blockquote {
border-top:1px dashed #ffe7b0;
border-bottom:1px dashed #ffe7b0;
width: 300px;
margin: 0px;
padding: 10px;
background-color: #6AB247; }

input, textarea
{ 
background:#262626;
font-family: tahoma;
color: #000000; 
font-size: 10px; 
border-color: #000000;
border-style:  solid;
border-width: 1px;  }

iframe {border:1px solid #000000;}

A:link, A:visited, A:active{color:#404040;text-decoration:none}
A:hover{color:#FFFFFF;text-decoration:none;background-color:#000000; text-transform: uppercase;}

</style>
</head>



<body bgcolor=#262626>
<div style="position:absolute; right:0px; top:30px; z-index:2;">
<img border="0" width="503" height="518" src="http://img.photobucket.com/albums/v314/missrosalie/countless%20hours/countless-2.png" usemap="#countless_Map">
<map name="countless_Map">
<area shape="rect" alt="" coords="420,380,479,449" href="#">
<area shape="rect" alt="" coords="346,376,405,448" href="#">
<area shape="rect" alt="" coords="271,368,332,440" href="#">
<area shape="rect" alt="" coords="198,376,261,449" href="#">
</map>
</div>

<div style="position:absolute; left:0px; top:0px; z-index:1;">
<img src="http://img.photobucket.com/albums/v314/missrosalie/countless%20hours/bg-3.jpg">
</div>

<div style="position:absolute; left:0px; top:123px; z-index:0;">
<img src="http://img.photobucket.com/albums/v314/missrosalie/countless%20hours/bgdown-1.jpg">
</div>

<div id="module" style="position:absolute; right:70px; top:482px; width: 275px; height: 0px; z-index:3; text-align:center;">

<center>
<p class=header>WELCOME</p>

welcome message here<br>
disclaimer... etc


<p class=header>MEMBER BIOS</p>
<a href="#">Ryan</a> +
<a href="#">Aaron</a> +
<a href="#">Bob</a> +
<a href="#">Hunter</a>

<p class=header>UPCOMING SHOWS</p>
<marquee height="100" direction="up" behavior="scroll" scrollamount="4" onMouseover="this.scrollAmount=0" onMouseout="this.scrollAmount=4">
04.08.08 - Ventura Theatre?<br>
00.00.08 - etc.<br>
00.00.08 - etc.<br>
00.00.08 - etc.<br>
00.00.08 - etc.<br>
00.00.08 - etc.<br>
00.00.08 - etc.<br>
00.00.08 - etc.<br>
00.00.08 - etc.<br>
00.00.08 - etc.<br>
00.00.08 - etc.<br>
00.00.08 - etc.<br>
00.00.08 - etc.<br>
00.00.08 - etc.<br>
00.00.08 - etc.<br>
00.00.08 - etc.<br>
00.00.08 - etc.<br>
00.00.08 - etc.<br>
00.00.08 - etc.<br>
00.00.08 - etc.<br>
00.00.08 - etc.<br>
00.00.08 - etc.<br>
00.00.08 - etc.<br>
</marquee>

<p class=header>PREVIOUS POSTS</p>
<BloggerPreviousItems>
  <a href="<$BlogItemPermalinkURL$>">
    <$BlogPreviousItemTitle$>
  </a><br />
</BloggerPreviousItems>


<p class=header>ARCHIVES</p>
<BloggerArchives>
  <a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a><br>
</BloggerArchives> 


<p class=header>LEAVING LOVE</p>
<center>
<script LANGUAGE="Javascript" TYPE="text/javascript" SRC="http://www.tag-board.com/tagboard.js?boardname=CH-Blog"></SCRIPT> 

<table align="center" width="150" cellpadding="2" cellspacing="0" border="0"> 
  <tr> 
    <td width="150" height="100" valign=top align="center"> 
      <iframe src="http://www.tag-board.com/my.tag?name=CH-Blog" name="tag" width="150" height="100"
marginwidth="0" marginheight="0"></iframe> 
      <script>netscape_support();</script> 
    </td> 
  </tr> 
  <tr>
    <td align="center">
      <font face="verdana" size="1"><a href="http://www.tag-board.com/" target="_new">Powered by TagBoard Message Board</a>
    </td>
  </tr>
  <tr> 
    <td align="center"> 
      <form action="http://www.tag-board.com/add.tag" method="post" name="tagform" target="tag"> 
        <font face="verdana" size="1"><input type="hidden" name="name" value="CH-Blog"> 
        Name<br> 
        <input name="tagname" maxlength="20"><br> 
        URL or Email<br> 
        <input name="tagurl" maxlength="100"><br> 
        Messages(<a href="http://www.tag-board.com/smilies/smilies.htm" onClick="return pop_up_smilies();" target="_blank">smilies</a>) 
        <br> 
        <textarea cols="24" rows="3" name="message" wrap></textarea><br> 
        <input class=button type="submit" value="TAG" onclick="return Clear_Last_Message_on_Submit();"> 
      </form> </font>
      <script>rememberme()</SCRIPT> 
    </td> 
  </tr> 
</table>
</center>
</div></div>



<div id="blog" style="position:absolute; left:150px; top:130px; width: 600px; height: 0px; z-index:3; padding:5px;">

<!---blogger code start!--->

<p><td>

<Blogger>
<p class=title><BlogDateHeader>
<$BlogDateHeaderDate$>
</BlogDateHeader></p>


<center><p class=title2><BlogItemTitle><$BlogItemTitle$><a 
name="<$BlogItemNumber$>"></a></p></font>

</BlogItemTitle></b><div 
class="blogPost"><p align="justify"><$BlogItemBody$></p>

<div class="byline"><p align=right><a href="<$BlogItemPermalinkURL$>" title="Permanent 
Link">***</a> <i></i> @ 
<$BlogItemDateTime$> 
</p>
 </div>
</blogger>

<!---blogger code end!--->

</div></div>
</div>
<!-- Start of StatCounter Code -->
<script type="text/javascript">
var sc_project=3442517; 
var sc_invisible=0; 
var sc_partition=38; 
var sc_security="fe0891a6"; 
var sc_text=1; 
</script>

<script type="text/javascript" src="http://www.statcounter.com/counter/counter_xhtml.js"></script><noscript><div class="statcounter"><a href="http://www.statcounter.com/free_web_stats.html" target="_blank"><img class="statcounter" src="http://c39.statcounter.com/3442517/0/fe0891a6/0/" alt="website statistics" ></a></div></noscript>
<!-- End of StatCounter Code -->
</body>
</html>

Here's my problem:
in firefox, the horizontal scrollbar appears at the bottom of the page. how do i get rid of it?? or maybe you guys aren't having the same problem? let me know. i mean, it doesnt bother me all that much. im just having a slight attack of OCD and if i could get rid of it, that would be ace.

bluelily

Feb 20 2008, 07:14 PM

Try using the overflow CSS property.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.