[Dariune]

Hi all

Im afraid its me again. Just a quick question i hope.

I seem to have an unwanted scroll bar on one of my pages [url="http://www.dragonstouch.co.uk/AtoH.html"]. I had the problem on two of my pages but managed to fix the problem by adjusting the text a little bit.

I am using Scrollverflow; in the css so i can show the pages correctly in firefox but i dont think thats the problem. I was wondering if any of you people who are better versed in the web developing ways than i am can see what the problem is. Because no matter how much i adjust the text the scroll bar is still there. I assume that also means that the div is entirely moved on older browsers.

Thanks very much
Dariune

[Big-K]

I'm not understanding exactly what you mean, so I assume you're getting a horizontal scroll bar. Glancing at your css file(which, by the way, you include twice), you might try changing overflow to 'hidden' in #outer. Since it has a set width, anything past that width doesnt appear on the screen, but since there is no set height it will increase as needed.

[Sequal7]

In your css you have

#outer  {
	width: 854px;
	padding: 0px;/* Centers div in firefox */
	position: relative;
	text-align:center;
	border: 1px solid #b46633;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	overflow:auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

but the value overflow:auto; does not exist in that definition or use, so IE renders the scroll bars. Remove or comment that out and your bars will be gone.

[Dariune]

Thanks for your quick replies Big-K and Sequal7
I apreciate your help.

If i change the overflow then in firefox the Outer Divs background color doesnt show.
After looking into why on google i foundout that i need the overflow set to auto to show its background.
Excuse my ignorance, this is the first website i have built so there is still sooo much to learn.

Now the thing is, i cant find anything which exceeds the divs width. Locally on my machine i even manually ended the lines of text to given a cm of space on the right hand side but still the scrollbar is there.

Am i being stupid? Is there a way to remove the overflow and still have the whole background as black? Or is there another way to remove the scrollbar?

[Dariune]

Hi guys

Im sorry to have wasted your time. I have fixed the problem. One paragraph needed a linebreak in it.

However if anyone does have the time, my previous question about the overflow command still stands purely because i would love to know the answer.

[Sequal7]

If your "page" requires it, change it to hidden then, the bar will disappear and firefox will render the div.

overflow: hidden;

It is a poorly written css document, the property should not be required. The page should not overflow since it is main body of the document.