Topic: Where are my scrollbars ? (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=11004" title="Pages that link to Topic: Where are my scrollbars ? (Page 1 of 1)" rel="nofollow" >Topic: Where are my scrollbars ? <span class="small">(Page 1 of 1)</span>\

 
Moon Shadow
Paranoid (IV) Inmate

From: Rouen, France
Insane since: Jan 2003

posted posted 07-05-2003 14:37

Okay, yet another question.

I have put a shoutbox on my homepage here. You can test it if you wish, it works (only the clicked smileys still don't work fine). If you test it too much, however you will understand the problem : instead of using a scrollbar, the shoutbox height will increase to display all the messages.

Originally, the output was supposed to be in an iframe, like this : <iframe width="200" height="200" src="records.php"></iframe>

It displayed well the scrollbars. However, as I'm coding my site in XHTML 1.1 I needed to change this code and I put :

<td class="shoutbox"><? include ("records.php") ?></td>

The class shoutbox is as follows :

code:
.shoutbox {
vertical-align: top;
width: 150px;
height: 300px;
overflow: scroll;
background-color: #000000;
border-color: #505050;
border-style: solid;
border-width: 1px;
padding-left: 2px;
padding-right: 2px;
}



I don't understand why scrollbars don't appear when the size is reached. Tips ?

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted posted 07-05-2003 14:55

MS: Use overflow: auto

___________________
Emps

FAQs: Emperor

Moon Shadow
Paranoid (IV) Inmate

From: Rouen, France
Insane since: Jan 2003

posted posted 07-05-2003 15:02

I tried, it didn't work. Perhaps this has something to do with the include ?

kuckus
Bipolar (III) Inmate

From: Berlin (almost)
Insane since: Dec 2001

posted posted 07-05-2003 15:18

Applying the styles to a <div> instead of the table cell will probably do the trick:

<td>
&nbsp;&nbsp;&nbsp;<div class="shoutbox">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<? include ("records.php") ?>
&nbsp;&nbsp;&nbsp;</div>
</td>


kuckus

Moon Shadow
Paranoid (IV) Inmate

From: Rouen, France
Insane since: Jan 2003

posted posted 07-05-2003 15:49

It worked, thanks Kuckus (I feel a bit stupid now because I didn't even think about this solution lol)

Edit 2 : And I solved my other problem.

Edit : English grammar hehe.

[This message has been edited by Moon Shadow (edited 07-05-2003).]

[This message has been edited by Moon Shadow (edited 07-06-2003).]



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu