Hello,

 

I have used CSS and HTML to make it so that my paragraph has a scroll bar once it reaches a certain height... It works on the most part, but whenever I have a <table> inside of the paragraph, it doesn't work at all... it messing everything up... It just carrys on down the page and doesn't make a scroll bar appear like it does without the table... Here is my CSS:

 

 

 
#BigBottomBox p{ overflow-x: hidden; width: 
400px; height:auto; max-height: 330px; margin-left: 
50px; line-height: 12px;  color: 
#b6a1a3; font-size: 12px; font-family: 
"shruti"; line-height: 120%;}
 

 

Anyone got any ideas?

Edited April 9, 201313 yr by HighDarren

You can't nest tables inside a <p> element as it can't contain block-level elements.

 

Use a <div> or a block level element instead, here's an example: http://jsfiddle.net/LyndseyB/NVXam/

 

Lyndsey.

You can't nest tables inside a <p> element as it can't contain block-level elements.

 

Use a <div> or a block level element instead, here's an example:

 

Lyndsey.

 

Ah fair enough! Thanks for the help Lyndsey! Ill give it a go once I get home and post back if there are any issues

 

Ah fair enough! Thanks for the help Lyndsey! Ill give it a go once I get home and post back if there are any issues

 

No worries