Frames / Scrollbar problems....

[DeaconXS]

Hi everyone,

Never visited these forums before today but upon looking around for an hour or so this seems to be the place where problems get solved :)

I'm no expert when it comes to web programming and use Dreamweaver 8 for the majority of my web-development (meaning I haven't had to actually code for myself since my school-days!).

The site I have the problem with is here - http://www.gbpubwalk.co.uk

Now, in Firefox (version 1.5.0.1) all is fine...
But damn IE :mad: as you can see I've got the 3 frames, top, middle and bottom.
As is obvious I want the top and bottom to stay put at all times - no problem.
However, I want the middle frame to be able to display more than it's space-worth of text/images etc.. and I ONLY want the vertical scrollbar!!
As I said above, Firefox is no problem.. but whenever I view in IE and there's more than the height allowance in the middle frame I not only get the side scrollbar (to be expected), I get a damn horizontal one too!! Cutting right across my lovely graphics and making the whole thing look like a bag of guff... :mad:

It's not even as if there's any information to scroll horizontally to SEE...

I know I'm not giving much info here but I hope you can see what I mean and that someone can point me in the right direction so I can fix the site for IE.

Thanks in advance for any help given...

Steve

[Twey]

Presuming your scrollbars are set to automatic, the only thing that will cause them to appear is your content being too large to see in the frame, if only marginally so. Your content is too fat. Put it on a diet. :)

[DeaconXS]

yeah - I get your point, but if I'd not wanted the user to be able to scroll at all then surely it would've made sense for me not to use frames..?

I WANT the user to be able to scroll vertically - just don't want the stupid horizontal scrolly to appear.

Any way I could put in like a nestled scrollbar using code or something..?


Thanks again

[jscheuer1]

I think what Twey was trying to convey is that perhaps your content is too wide in IE. I think he said 'marginally so' in fact. As it turns out the default margin of a page is larger in IE than in FF, making your page actually a bit wider in IE than in FF. You could try setting the style on the pages showing in this frame to:


<style type="text/css">
body {
margin:auto 0;
}
</style>

Also, IE has this handy way of preventing any page from scrolling horizontally (if you use this, it would also go on the pages showing through the frame):


<style type="text/css">
body {
overflow-x:hidden;
}
</style>

[DeaconXS]

Thanks for your comments John... thought I was on to a winner when I saw your code!! But still no joy... :(

Below you can see the entire contents of my <style> tags...


<style type="text/css">
<!--
.style1 {font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-weight: bold;
}
.style2 {font-size: 9px}
.style3 {font-size: 12px}
.style6 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
body {
background-color: #F7AE00;
background-image: url(BackHorStrip.jpg);
margin:auto 0;
overflow-x:hidden;
background-repeat: repeat-y;
}
.style8 {font-size: 24px}
-->
</style>


... I'm still getting the same problem in IE however.

Apologies if I'm being really simple :p but I'm completely stumped here.
In some places I've read that you simply cannot have a vertical scrollbar without having a horizontal one when using IE... but then if the code you provided is supposed to remedy this then either I've put it on wrong or god really doesn't like me.

:: sigh ::

Thanks again for bearing with me on this... Twey & John you're both stars!

[jscheuer1]

Well, we will need to go over the body selector, straight to the html selector. I tried this out, and for a frame tag on the frameset page with an attribute of scrolling="auto" and this style for the content page:

html {
overflow-x:hidden;
}

Both FF1.5 and IE6 rendered only a vertical scrollbar even with content that far exceeded the available horizontal width of the frame. Without this style or (as you discovered) applying it only to the body selector, both horizontal and vertical bars were rendered in both browsers.

In my defense, the body selector is usually all that is needed under similar circumstances involving iframes. Furthermore, the body selector (in my test) did not require this property be set, setting it for the html selector was all it took.

[DeaconXS]

Aaaaah....

I'm such a damn spanner I didn't realise I put the code into the body selector :D works FAN-DAMN-TASTICALLY now!!!

Thank you so much for your time and patience!!

Very impressed with you guys here - keep up the great work!

[HaMoDeY]

Hi there actually I have a similar problem I'm have a web page with every thing mostly attached the only thing I want to be moving is the text in the middle of the page, the only problem is when I use the overflow feature it puts the scroll bar in the middle of the page which I don't want

I want to be able to scroll the page using the side bar while controlling the height and width and position of the text so I can position it in the middle of the page. like this http://www.lolopinkshop.com/test.html

like in Steve's page http://www.gbpubwalk.co.uk/MAIN-FSET.html

he has the scroll on the side and it is controlling the thing in the middle.

Thank you very much I really appreciate your time and help guys