bottom scroll bar

	Home Register Search Help Login

Sponsors

Hosting from $3.99 per month!

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions. dd

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums

Recent Posts

Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

bottom scroll bar

View related threads: (in this forum | in all forums)

Logged in as: Guest

Users viewing this topic: none

Printable Version

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> bottom scroll bar

Page: [1]

walrus

Posts: 554
Joined: 3/13/2003
From: London
Status: offline

bottom scroll bar - 12/10/2004 7:12:54

I have created a hidden overflow using external CSS but I cant work out why there is a scroll bar along the bottom
here are two examples
http://www.leyandcompany.co.uk/news.asp
http://www.leyandcompany.co.uk/classes.asp
here is the style sheet

html {
overflow: hidden; 
}
body {
overflow: hidden; 
background: black url('images/earth.jpg') no-repeat;
font-family: Trebuchet, Verdana, Tahoma; 
color: #FFFFFF; 
font-size: 14pt;
margin: 0;
}
a: hover {
color: red;
}
h1 {
font-family: Trebuchet MS; 
color: #FFFFFF; 
font-size: 24pt; 
font-weight: bold;
}
address {
color: #FFFFFF; 
font-size: 18pt; font-weight: bold; 
font-family:Papyrus, Verdana; 
}
p {
font-size: 10pt; 
color: #FFFFFF;
padding-right: 30px;
}
#pagetitle { 
position: absolute; 
left: 180px; 
top: 10px; 
padding-left: 10px; 
font-size: large; 
color: #FF77FF;
} 
#menu { 
position: absolute; 
width: 150px; 
top: 8px; 
left: 10px;
text-align: center; 
font-family: Tahoma, Verdana;
font-size: x-small; 
} 
#menu a{ 
text-decoration: none; 
background-color: #111111; 
font-weight: normal; 
display: block; 
padding: 2px; 
width: 150px; 
margin-bottom: 5px; 
border-top: 1px solid #888; 
border-left: 1px solid #CCC; 
border-right: 1px solid #888; 
border-bottom: 1px solid #eee; 
color: #DDD; 
} 
#menu a:hover { 
background-color: #BBB; 
color: #800080; 
border-top: 1px solid #EEE; 
border-left: 1px solid #CCC; 
border-right: 1px solid #BBB; 
border-bottom: 1px solid #444; 
} 
#content { 
position: absolute; 
overflow: auto; 
top: 80px; 
left: 180px;
padding-left: 10px; 
height: 500px; 
scrollbar-3dlight-color : #999; 
scrollbar-arrow-color : #FFF; 
scrollbar-base-color : #000; 
scrollbar-darkshadow-color : #888; 
scrollbar-face-color : #000; 
scrollbar-highlight-color : #555; 
scrollbar-shadow-color : #444; 
scrollbar-track-color : #000; 
} 
#content p { 
padding-left: 20px; 
font-size: x-small; 
color: #FFDDFF;
} 
#content a{ 
color: #FBF;
text-decoration: none; 
} 
#content a:hover { 
color: red;
text-decoration: none; 
}

look for the #content section near the end
am I missing something?

_____________________________

I hope The Boss isn't reading this, ...she thinks I program everything!


jaybee Posts: 14207 Joined: 10/7/2003 From: Berkshire, UK Status: offline	RE: bottom scroll bar - 12/10/2004 8:47:13 I had a similar one, specifying a width fixed it. _____________________________ If it ain't broke..... fix it until it is. GAWDS Now where did I put that Doctype? (in reply to walrus)


walrus Posts: 554 Joined: 3/13/2003 From: London Status: offline	RE: bottom scroll bar - 12/10/2004 9:04:00 thanks jaybee I had tried that and it hadn't worked so I'm guessing a made a typo first time round I've added width: 600px; to the CSS and it works fine. _____________________________ I hope The Boss isn't reading this, ...she thinks I program everything! (in reply to jaybee)


jaybee Posts: 14207 Joined: 10/7/2003 From: Berkshire, UK Status: offline	RE: bottom scroll bar - 12/10/2004 10:46:04 Betcha forgot the ; on the end. That's a killer! _____________________________ If it ain't broke..... fix it until it is. GAWDS Now where did I put that Doctype? (in reply to walrus)