Please Help: GoLIve-CS iFrame problem with IE

wicky

wicky

play thing
I've made a site in GoLive CS which uses layers to form the drop down navigation (using the show/hide action).

The client specifically wanted a non-scrolling, fixed size site that sit's in the centre of the browser window (720 x 420), and also wanted a graphic border to frame the site. So, I have launched the site in a centered iFrame of the requested size, with a graphic border surround.

The problem: Everything works ok in Safari/Mozilla, but in IE some of the pages force the iFrame to show unwanted scroll bars.

I have checked the content, and even rebuilt a test page from scratch to make sure that all of the content is within the dimensions of the page. The iFrame scroll setting is set to "no" in the inspector, but still IE shows scroll bars on several pages! :confused:

I feel like I have tried everything that I can think of, and the only thing that seems to make any kind of sense is that the page is somehow affected by the little squares (ID's) that are generated by the layers.

Does anybody know what might be causing this issue; how I can force IE to turn off the scroll bars, or a suitable work around?
 
It's usually a good idea to post a copy of the HTML/CSS/relevant files or a link to them on a server; allows others who might be able to help out experience the same problem and maybe suggest a fix.
 
I don't have access to IE right now to look at it, but there's always been cross-browser issues with inline frames. It might have to do with the page for the iframe being too tall, possibly the "For the full potential of Gera..." link at the bottom and some margin issues.


On an unrelated matter:
Using images for the display of the text is a really bad idea. If it's text, you should keep it as such. For one, the size is way too small to be easily read. The use of an image also destroys the user's ability to increase the size to a more legible size (if they need to). There's other issues besides accessibility by doing that too.

Why not use a div with the overflow property set instead of the iframe? Just make the nav section position:fixed so it stays in view and everything else scrolls behind it. That would allow the use of normal text for the descriptions and such, while still ensuring accessibility. It would also be a bit more cross-browser compatible than an iframe. The content would be viewable even in Lynx.
 
Thanks for the reply..

I've checked, re-checked, and even rebuilt a test page to load into the iframe, and I don't think that the issue is the pages size being to big (weirdly). I've rebuilt the page with an identical table and the exact same content and it works fine if not using layers. The problem is that the nav does use layers, so omitting them at this point isn't an option.

I know that the site is stupidly graphic heavy, and it's very unwise to use graphics for text (band width/ accessability/ search engines/ etc), but this site is an interim version. Somebody had already built the guy a site and it was too big for 800 x 600 displays (they actually built the site 800 x 600).

After resizing the site as is, I have to start the build on a brand new site. This was supposed to be a quick fix of the old version, buying some development time for the next stage. It doesn't need to be perfect as there is literally no budget for this part part of the work! .... hence the graphic text, etc.

Coming from a print background, I am fairly new to web design though. I know, ideally, a sites structure or design and it's content should be seperated as much as possible, and so I am slowly teaching myself how to do this. Your advice is much appreciated. Could you tell me in a bit more detail what you mean ... "Why not use a div with the overflow property set instead of the iframe?"

What is overflow in this context? Does this mean that a section of a page will scroll without being set in an iframe?

Cheers
 
You must log in or register to reply here.
Back
Top