geting rid of scroll bars in firefox
- Thread starter Timbo_La
- Start date
Firstly why do you want the content cropped into that small box? Can't you just let it flow down?
Secondly if you really insist in closing the content in like that, you'd be best off simply putting that content into another div and simply setting the height/width of it. Then take a look at the overflow property and choose how you want your scrollbars (or lack of) to behave.
Secondly if you really insist in closing the content in like that, you'd be best off simply putting that content into another div and simply setting the height/width of it. Then take a look at the overflow property and choose how you want your scrollbars (or lack of) to behave.
JUst from a quick glace, i'd say its the line
<table width="442px" align="left">
in the file news_insert.htm
I know it's already smaller than the iframe, however there is the vertical scroll bar to take into account, and padding in the tables.
Reducing the width should sort it, i'd guess, although the best solution would be to do what scam said.
<table width="442px" align="left">
in the file news_insert.htm
I know it's already smaller than the iframe, however there is the vertical scroll bar to take into account, and padding in the tables.
Reducing the width should sort it, i'd guess, although the best solution would be to do what scam said.
Associate
I've got the answer for you "Timbo_la" ..Basically on your line of code stating (with my adjustment).
-----
<iframe src="destination%20home%20-%20travel%20info_files/news_insert.htm" name="mainTXT" frameborder="0" height="300" scrolling="vertical" width="465">
-----
Change the Scrolling=".." To 'Vertical' as shown above, instead of 'yes'.. and that should do what you want it to!
When the text content exceeds the height="300" mark the vertical scroll bar will automatically be added.
Hope this helps!
-----
<iframe src="destination%20home%20-%20travel%20info_files/news_insert.htm" name="mainTXT" frameborder="0" height="300" scrolling="vertical" width="465">
-----
Change the Scrolling=".." To 'Vertical' as shown above, instead of 'yes'.. and that should do what you want it to!
When the text content exceeds the height="300" mark the vertical scroll bar will automatically be added.
Hope this helps!
Last edited:
think i have confused you all... well you have confused me.
what i mean is, if you look at it in IE there is no horizontal scroll bar. the vertical one is ok i need that so when i update the news you can scroll up and down plus i like the look of it.
but in firefox the horizontal is still there but greyed out. is there option to get rid of the greyed out horizontal scroll bar.
i tried that overflow command and it put a scroll bar on the .htm that was linking to the iframe.
hope i have made myself a bit more clear
cheers
Timbo
what i mean is, if you look at it in IE there is no horizontal scroll bar. the vertical one is ok i need that so when i update the news you can scroll up and down plus i like the look of it.
but in firefox the horizontal is still there but greyed out. is there option to get rid of the greyed out horizontal scroll bar.
i tried that overflow command and it put a scroll bar on the .htm that was linking to the iframe.
hope i have made myself a bit more clear
cheers
Timbo
Do you really need the Iframe? Try replacing the whole mainTXT div with the following:
Although I'm firmly in the "just let the content flow" camp, extra scrollbars are annoying imho.
Code:
<div id="mainTXT" style="width: 465px; height: 300px; overflow: auto; ">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam mollis ultricies nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum a augue. Donec laoreet mi euismod risus. Sed malesuada ipsum sit amet massa. Pellentesque risus lectus, accumsan a, imperdiet ac, eleifend aliquam, elit. Praesent vitae justo a metus venenatis vestibulum. Aliquam dui metus, aliquam at, vulputate eget, interdum nec, diam. Praesent eget enim</p>
<p>ac leo sagittis dictum. Vivamus felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Donec vel lectus in lacus ornare sagittis. Ut risus augue, sodales eu, interdum posuere, venenatis vitae, nulla. Suspendisse varius tortor. Nulla tellus sem, elementum in, imperdiet ac, pretium eu, purus. Suspendisse potenti. Nam eu arcu.</p>a eu elit. Proin dui lorem, commodo vitae, congue a, bibendum nec, ipsum. Etiam laoreet euismod libero. Nulla varius diam nec orci. Donec dolor. Ut tellus urna, ultrices sit amet, consectetuer ut, varius at, leo. Sed rhoncus dapibus mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; </p>
<p>ac leo sagittis dictum. Vivamus felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Donec vel lectus in lacus ornare sagittis. Ut risus augue, sodales eu, interdum posuere, venenatis vitae, nulla. Suspendisse varius tortor. Nulla tellus sem, elementum in, imperdiet ac, pretium eu, purus. Suspendisse potenti. Nam eu arcu.</p>a eu elit. Proin dui lorem, commodo vitae, congue a, bibendum nec, ipsum. Etiam laoreet euismod libero. Nulla varius diam nec orci. Donec dolor. Ut tellus urna, ultrices sit amet, consectetuer ut, varius at, leo. Sed rhoncus dapibus mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; </p>
</div>Although I'm firmly in the "just let the content flow" camp, extra scrollbars are annoying imho.
I think uchuff has posted the code for what i tried to explain. Theres absolutely no need for an iframe and i'm fairly sure theyre redundant. A much better and valid way of doing what you want is to replace the whole iframe part and instead just put a content div. Then do as i said above^ (with the overflow property).
As for FF showing scrollbars all the time - i'm fairly sure it does no matter what you do.
This all said, you'd be far better off just letting the content flow down the page, with no iframe.
As for FF showing scrollbars all the time - i'm fairly sure it does no matter what you do.
This all said, you'd be far better off just letting the content flow down the page, with no iframe.
Associate
Timbo_La said:
If you copy and paste my code I posted above, into your Index.htm.. It will do the job and get rid of the horizontal scroll bar leaving only the vertical one when the text exceeds the height of "300" as you specified, currently the text fits in this height, so if you want the vertical scroll bar just reduce the height to "250".. This is if you definately want to use IFRAMES..
But as Uchuff and others have said a DIV would be the better option.
Your line of code says:
<iframe src="destination%20home%20-%20travel%20info_files/news_insert.htm" name="mainTXT" frameborder="0" height="300" scrolling="yes" width="465">
Change it to..:
<iframe src="destination%20home%20-%20travel%20info_files/news_insert.htm" name="mainTXT" frameborder="0" height="300" scrolling="vertical" width="465">
Last edited:
thanks for all the feedback, it looks like it working the way i want it too now. the reason for using Iframes is so i can just link .htm pages to the main page. maybe it my odd way of thinking but i feel i have more control and it makes it easier to edit my news and diary entries if i write it in a seperate .htm page.
Timbo
Timbo