Log In · Register

 
 
 Closed TopicStart new topic
bottom scrollbar in firefox, help me get rid of it!
RxCore
post Feb 17 2008, 08:59 AM
Post #1


Quiet, Doggie!
*****

Group: Member
Posts: 394
Joined: Aug 2006
Member No: 452,267
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
post Feb 20 2008, 07:14 PM
Post #2


:: fearless living
**

Group: Member
Posts: 13
Joined: Jan 2008
Member No: 610,201
Try using the overflow CSS property.
 
« Next Oldest · Blogger Resolved Topics · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic