Scrollbar help! [Archive] - Lissa Explains it All: Web Design Forums

PDA

View Full Version : Scrollbar help!

Only_Acts_Smart

07-27-2005, 02:50 AM

Does anyone have a code for a table scrollbar that's compatible with Mozilla Firefox? Please help! :lolol:

starlet

07-27-2005, 03:28 AM

Tables don't/can't have scrollbars - regardless of the browser.

pretender

07-27-2005, 03:29 AM

I think what you are looking for is called an Iframe you can info on that here
http://www.lissaexplains.com/frames.shtml#inline

Only_Acts_Smart

07-27-2005, 03:32 AM

I mean like... um... div scrollbar things... Sorry, I'm not the greatest with wording. Er, something that has the same results as a <div style=> code thingy. Only it works on Mozilla...

starlet

07-27-2005, 03:35 AM

DIVs should work in firefox, if one doesn't its because something went wrong with the specific coding for it...not the div tags in general (if you get me?)

A basic scrolling DIV code that should work in firefox:
<DIV id="name" style="position: absolute; top: 100px; width:100px; left: 100px; height:380px; overflow: auto;" align=left>Your HTML </DIV>

pretender

07-27-2005, 03:38 AM

As far as i know Fire fox dose not support the changing of the scroll bar it only works in I.E. but heres the code any ways change the colors to what you want:

<style> 
</style>

starlet

07-27-2005, 03:41 AM

Oh you meant the scrollbar colour? Sorry, if that is the case then pretender is right, there is no way to do it in firefox.

Only_Acts_Smart

07-27-2005, 03:41 AM

I've been trying to use that code, but that's the problem... it's not working for me on Mozilla. It works fine on IE..... -shrug- And I don't want to change the scrollbar... need to find out how to get it up on Mozilla... -feels stupid- Thanks anyway guys...

COBOLdinosaur

07-27-2005, 03:43 AM

Her you are. Scrolling body with fixed headings. Works in Mozilla, Firefox, Netscape and other Standards compliant browsers; but not IE. For IE you have to use a div and hack a workaround to support both because Mozilla generally has a problem aligning the columns when you usea a div because to have fixed headings that requires two tables.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html>
<head>
<style type="text/CSS">
table {table-layout:fixed;background-color:red;width:80%;}
tbody { height:300px;overflow:auto; border:1px solid black; }
td, th {vertical-align:top;background-color:#ffffff;}
tr {height:60px }
</style>
</head>
<body>
<table cellpadding="4" cellspacing="1" id="data">
<thead>
<tr>
<th id="th1">Test</th>
<th id="th2">Hello</th>
<th id="th3">Yoohoo</th>
<th id="th4">Hmm</th>
</tr>
</thead>
<tbody>
<tr>
<td id="td1">Data</td>
<td id="td2">Hello</td>
<td id="td3">I am here and so are you</td>
<td id="td4">Yoohoo</td>
</tr>
<tr>
<td>Data</td>
<td>Hello</td>
<td>I am here and so are you</td>
<td>Yoohoo</td>
</tr>
<tr>
<td>Data</td>
<td>Hello</td>
<td>I...............</td>
<td>Yoohoo</td>
</tr>
<tr>
<td>Data</td>
<td>Hello</td>
<td>I am here and so are you</td>
<td>Yoohoo</td>
</tr>
<tr>
<td>Data</td>
<td>Hello</td>
<td>I am here and so are you</td>
<td>Yoohoo</td>
</tr>
<tr>
<td>Data</td>
<td>Hello</td>
<td>I am here and so are you</td>
<td>Yoohoo</td>
</tr>
<tr>
<td>Data</td>
<td>Hello</td>
<td>I am here and so are you</td>
<td>Yoohoo</td>
</tr>
<tr>
<td>Data</td>
<td>Hello</td>
<td>I am here and so are you</td>
<td>Yoohoo</td>
</tr>
<tr>
<td>Data</td>
<td>Hello</td>
<td>I am here and so are you</td>
<td>Yoohoo</td>
</tr>
<tr>
<td>Data</td>
<td>Hello</td>
<td>I am here and so are you</td>
<td>Yoohoo</td>
</tr>
<tr>
<td>Data</td>
<td>Hello</td>
<td>I am here and so are you</td>
<td>Yoohoo</td>
</tr>
<tr>
<td>Data</td>
<td>Hello</td>
<td>I am here and so are you</td>
<td>Yoohoo</td>
</tr>
<tr>
<td>Data</td>
<td>Hello</td>
<td>I am here and so are you</td>
<td>Yoohoo</td>
</tr>
</tbody>
</table>
</body>
</html>

Only_Acts_Smart

07-27-2005, 03:46 AM

^^; Sorry... I'm trying to work for it to be able to be seen on both IE and Mozilla..... er.... -still feels stupid-

starlet

07-27-2005, 03:49 AM

Ok, i'm a bit confused...what is your question exactly? Is it that you can't get a coloured scrollbar working in firefox or is it that you can't get a scrolling div working in firefox full stop?

Please don't feel stupid, we'll get to the bottom of it!

Only_Acts_Smart

07-27-2005, 03:50 AM

Can't get a scrolling div working in firefox.... sorry....

starlet

07-27-2005, 04:03 AM

Ok, then chances are it's something else on the page causing the problem. If it's uploaded could you give us a link to the page and explain exactly how it 'isn't working' just incase it isn't clear from looking, thanks :)

Only_Acts_Smart

07-27-2005, 04:07 AM

There's no scrollbar... here's the linkie... it's not exactly my site, maybe I have to use a different coding thingy...

http://www.neopets.com/randomfriend.phtml?user=princesszelda149

starlet

07-27-2005, 06:15 PM

Ah, neopets. Things work differently to 'normal' there, i don't have an account so i can't view the site and i know nothing about neopets anyway, sorry.

Try posting in the section of this forum that is specifically for neopets help.

Only_Acts_Smart

07-27-2005, 06:22 PM

Ah well. Thanks anyways. ^^

Rodie

07-27-2005, 09:33 PM

What ?

This code works with Firefox right ?

<DIV id="name" style="position: absolute; top: 100px; width:100px; left: 100px; height:380px; overflow: auto;" align=left>Your HTML </DIV>

What do you need more ?

MaGiCSuN

07-27-2005, 09:59 PM

<DIV id="name" style="position: absolute; top: 100px; width:100px; left: 100px; height:380px; overflow: auto;" align=left>Your HTML </DIV>

you can delete align=left out of the code
it's already absolute positioned .. so it has a specific spot already :)
if you want the text to be aligned, add to the style="" part:

text-align: left;

Love,
Mirna

Rodie

07-27-2005, 10:51 PM

Euh ... you who work on IE/Mozilla/Firefox, check this link very useful.

http://www-128.ibm.com/developerworks/web/library/wa-ie2mozgd/ (http://)

Unfortunately, I think your problem is not related, but for later ...