Better way than using iframe?

[RikR]

I am a novice webmaster experimenting and have the following page for testing:

http://www.twowayradiodirectory.com/asptest.html

(ignore the name and title, related to old experiments)

On this page I am using "iframe" to create the window and show the linked page.

the linked page is here:

http://www.twowayradiodirectory.com/wsnlinks/index.php


I have read that iframe is not recommended for this sort of thing.

So, what would be a better way to do this and assure browser rendering?

Thanks

[paulhiles]

Originally Posted by RikR

So, what would be a better way to do this and assure browser rendering?

This all depends on which browsers you're targetting. You can use div elements with their overflow property set to auto, but this will not be recognised by older browsers that are unable to interpret the CSS correctly.

Here are some examples of the CSS technique (from the beforethedog site).

Also there have been previous discussions on this topic, here's one of them
Containers and scroll bars

Hope that's of some help

Paul

[RikR]

In order to use this CSS technique, must I have a seperate style sheet or can the code be directly in my html page that I want the container on?

[paulhiles]

You could use either inline styles in your page's HTML code, or you could add them to a separate stylesheet. I prefer to use a separate stylesheet for ease of maintenance as much as anything.

Paul

[RikR]

The page I had linked into the "iframe" contained a Google AdSense banner. This stopped all AdSense appearing on any of my pages.

Deleting the experimental page from my site directory restored my AdSense ads on my other pages.

Found this on Google:

The AdSense code was placed within an IFRAME.
Our targeting technology is not optimized to serve ads within an IFRAME. If you placed the AdSense code in an IFRAME, your site may display less targeted ads or public service ads. For better results please implement our ad code directly into the source of your web page. Once you make these changes, relevant ads may not appear immediately. Until we are able to re-crawl your site, which may take up to 30 minutes or more, you page may continue to display untargeted or public service ads.

[Intensity]

What you can do, is utilize the Div function like this.

<div style="height: 200px; width: 300; overflow: auto ">txt; banner, etc</div>

The overflow: auto is usable if you want to have a srollbar.

You don't need to have an external sytle sheet. Its primary purpose is to have your web settings cached with the browser, which overtime will speed up the loading speed of your web pages.

Hope this helps

[paulhiles]

Erm... yes, that's what I suggested! :o)

[ozchris]

Topical.

I was just about to post asking a question about scrollbars.

I have http://www.sydney-web-design.com/tem...template12.htm using a scrollbar.

Q1: IE lets me colour the scrollbars. Is there any way at all to make them a nice bright orange in Mozilla or Opera?

Q2: Why is IE truncating the top of my menu balls? They work ok in Mozilla and Opera. EDITED - fixed that finally.

ta Chris