I'm using iframes for my new website, and everything goes ok until a make a page's height bigger. Then I get a scrollbar for both the height and the width and it doesn't look right.

Why is there a scrollbar now? I haven't altered the width?

My website is http://www.madcatcreative.co.uk

Merci

Try set scrolling="no" inside the <iframe> tag to disable the scrollbar completely, or set scrolling="auto" in order to display the scrollbars only when needed.

Thank you!

I'm still having the same problem...
Set the scrolling to "no," that works fine but cuts off half the page. I want a scrolling bar for the height not the width...

When I type "auto" I have the same problem.

Won't swear to it, but I think it might have something to do with either the image border or the image page margin. The iFrame and home.jpg are the same width (734px).

If you change the width of the iFrame to 745, 750 etc, then the hozizontal scroll should disappear. Not sure if that width will accomodate all links, but it should work for home.html

I think Mystic is right. Another option might be to decrease the width of the page loading into the iframe. You could easily decrease the width of the solid block of color on the left of the iframe pages and not lose any of the design.

Keep in mind though that it's not necessarily the best idea to use iframes. Search engines have a hard time crawling them and they make a mess when someone wants to bookmark a page of your site. I'm guessing you're using the iframes so you don't have to recode the parts outside of the iframe on each page. That is a good idea. The better way to implement that idea though is to use a scripting language like php or asp.

the reason is if you make the page taller, than a scrollbar on the right appears so that they can scroll up and down

the problem is, the extra scrollbar makes the page a little skinnier, so a scrollbar at the bottom has to be added.

you can either make the page skinnier and keep the scrollbar there at all times, or use css to ensure a horizontal scrollbar never appears, but a tiny bit will be cut off once the vertical scrollbar appears.

always veritcal:
style="overflow-x: hidden; overflow-y: scroll;"

on and off:
style="overflow-x: hidden; overflow-y: auto;"

Hi, I'm not familiar with php, asp or css :s

The web design part of my design course was a bit shoddy so we didn't get as far as that..

You can add the code Conquester recommended above pretty easily. It would go right on the iframe tag and would look like:

<iframe style="overflow-x: hidden; overflow-y: auto;" src="home.html" width="734" height="383" name="frame" frameborder="0">

If you always want to see the verticl scrollbar then you can use auto instead of scroll as suggested.

The code is css and will work just as Conquester typed it.