Topic: Where are my scrollbars ? (Page 1 of 1)

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 :

.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 ?

MS: Use overflow: auto

___________________
Emps

FAQs: Emperor

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

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

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).]