Chief Delphi - iframes

Chief Delphi (http://www.chiefdelphi.com/forums/index.php)

- Website Design/Showcase (http://www.chiefdelphi.com/forums/forumdisplay.php?f=64)

- - iframes (http://www.chiefdelphi.com/forums/showthread.php?t=30870)

Quote:

Originally Posted by Raven_Writer

One site that I personally think does it well is http://www.xjapan.de/main.htm. Another that does it poorly is a few I've made (which is long gone by now).

There are two reasons why that site uses iFrames correctly:
1. The menu on the left doesn't extend beyond the bottom of the page (at least not in my browser)
2. The frames don't have those wicked annoying borders. Borders = bad. They disrupt the flow of the page.

MrToast

http://www.davedelong.com/daveware <<--- can you find the iframe? :D

Quote:

Originally Posted by iBob

Thanks for all the opinions guys. I'm actually doing a project for the Western Michigan Art School. My boss suggested mocking up an iframe layout that would allow us to keep the navigation bars without using a server side include, to speed things up and whatever. I think I'm going to advise we stick to how things are now (except I'm in the middle of a CSS rewrite of the nav bar to get rid of those javascript rollover images). Thanks again for all the advise.

If your webserver allows SSI includes or supports PHP (and thus PHP includes) I highly recommend using them. I have done several websites with includes (http://www.southwindsorswimclub.com for one), and found them very useful in quickly editing content while providing a nice enclosing feel to the site. A header.html and a footer.html are easily included and open and close my content area, so each page only need to be the content that actually goes in that page. It makes things much easier to track and edit, IMHO.

Quote:

Originally Posted by Raven_Writer

There's a problem with viewing the site in FireFox. I'm currently trying to figure out what is causing the problem.

Two ideas. Try adding style="float: right" to the iframe tag, or extend the table that does your navbar with another td with rowspan=8 and that way it will -always- be inline with the navbar. Just make sure to set heights and widths appropriately. Oh, also you might be using percents for widths, and the percents could round off in such a way in FF that the iframe is just too big to fit next to the navbar, and so its inserting a linebreak to get it down. Try reducing it's width slightly too.

Quote:

Originally Posted by MrToast

http://www.davedelong.com/daveware <<--- can you find the iframe? :D

Can YOU find the iframe? http://www.team188.com/web/index.php...agetitle=Forum

Quote:

Originally Posted by jonathan lall

Can YOU find the iframe? http://www.team188.com/web/index.php...agetitle=Forum

That's not an iframe per se. But nice CSS in that page.

Yeah, a certain property of the iframe element doesn't allow me to do what I wanted to do (basically make it seamless, by enclosing it in a smaller box), so I made the "iframe" an object (type="text/html") to get around that while maintaining complete validity and semantic soundness; this trick works in all browsers I've tested, as it should if you read the XHTML and HTML 4.0 specs... but I was hoping you guys wouldn't figure it out so fast.

The team web page that I designed uses an iframe. I don't know whether its a 'good example of iframe useage', or an 'example of bad iframe useage'. Nevertheless, i believe they can enhance a site that uses a lot of interface and interface images that would have to load each time the client navigates to a link. I have tested my site on many browsers and they all seem to display the iframe fine, except for Fire Fox, which moves it 1 pixel to the right, UH OH. lol.

Quote:

Originally Posted by XYR0c

Sometimes there are 'hacks' that you can use to trick certain browsers into displaying things certain ways, but I don't really advise doing it to fix a small problem.

Most web browsers 'cache' images so that if they're called again or you revisit the page later it doesn't need to redownload them. Besides, your navigation images (in fact, any image used as part of the layout) shouldn't be large. Unless you're doing some sort of really graphic stuff, a GIF or PNG file ought to be able to get you better compression.