Overflow problem

HTML & CSS
1


Hi from damn i wabt to go home i cant see straight anymore wakefiled UK…

Heres the problem… On this page http://www.pauserefreshment.co.uk/google_ad_june_quote_2010.html
i wanted to add another horizontal marked in the screen grab above with a line of X’s. But as the screen grab shows the x’s overflow outside the 800px container. I just dont understand why considering i set the width eg:

#extra_column {
width:800px;
color:#FF0000;
clear:left;
}

If anyone could give me a fix and if they have the time explain why my code didnt work I’d be v happy.

Any insights welcome :slight_smile:

2

Great that worked thank you i added over flow hidden as the below snippet shows & eureka the red x’s dont exceed the wrapper :slight_smile:

#extra_column {
width:800px;
color:#FF0000;
clear:left;
overflow:hidden;
}

3

Try searching on CSS overflow:hidden

.