Hey, it's been a while since I've bugged you folks with my now 'world famous' ignorace in most everything web... hee hee.

So, I am putting a site together... it needs to be an iframe - per the layout/vision of the client (a good friend who could not afford to hire a professional web designer).

So, I find a site that offers tips on how to make the iframe "Mozilla happy" (http://www.quirksmode.org/js/iframe.html) and realize that I am instantly over my head. Heading directly to this forum - I see a couple of references to scrolling divs as a cross browser solution.

My question is: Can a scrolling div area contain the complexity of iframe content as that of my latest creation? (found at http://aarondobbin.com/clients/cpr) And, if so, I assume that one could just cut-n-paste the code from the content page?

(It's just that I didn't want to start, er, keep, chopping away blindly at what has been done so far, without a bit of advice first). Thanks.

-B

Hi Boomer,

You're on the right lines mate.

Try this: -

<div style="width:453px; height:365px; overflow:auto;">

<!-- Paste content in here -->

</div>

This should do the same as an iFrame and the "complex" content should display fine.

Site Looks nice

Hope this helps,

Ian.

LOL! I now have the opposite scenario as before. Whereas Mozilla works fine in targeting and remaining confined to one browser window - MSIE is now opening clicked links - in a new window (at least it is keeping the 'div' structure intact), and intrestingly enourgh with MSIE - this error only occurs the first time you click a link... after that it works fine (if you stay in the newly opened second window)!

Don't even ask me about Opera...

This may take me a while... any suggestions?

New test page at http://www.aarondobbin.com/clients/div-cpr-a-chance/

Old page at http://www.aarondobbin.com/clients/cpr/

Hey Boomer,

Just looked at the code again, the reason you're getting things opening in a new window is because you have a target on your links.

Example: -

<td width="138" height="112" colspan="2" valign="top" align="left" xpos="0"><a title="Sponsorship Acquisition" href="#Contact Anchor" onmouseover="changeImages('index_04', 'images/index_04-index_06_over.jpg', 'index_05', 'images/index_05-index_06_over.jpg', 'index_07', 'images/index_07-index_06_over.jpg'); return true;" onmouseout="changeImages('index_04', 'images/index_04.jpg', 'index_05', 'images/index_05.jpg', 'index_07', 'images/index_07.jpg'); return true;" target="_content"><img src="images/index_06.jpg" width=138 height=112 border=0 alt=""></a></td>

Remove the target="_content" within the <a> tags and it should work okay.

I also noticed that you have done a straight paste of the previous source page into the scrolling div. You need to remove the DOCTYPE, head and body tags from this part of the page, along with the extra meta tag info. IE might let you get away with it, but the stricter browsers like NS might not like it.

Regards

Ian.

Thank you! Thank you for those tips...

I was actually just now - whittling the pasted code away (on my pc - locally), and had not posted an update... And about the target tip - I'd never of figured that one out! PHEW!

This one may not kill me... yet.

...and thank you (forgot to mention earlier) for the compliment on the site. I just get so focused at times I stop using my manners (not intentionally). What I need to do is partner with someone to do the math, while I make the graphics. (Is there a forum here for creating allainces like that???)

-B

UPDATE!

Just posted the fix to the anchors/target and this now works in both MSIE and Mozilla. I think i can be happy with 2 out of 3 supported browsers for now. Thanks again for all of your help! I will work at cutting out the excess code to see if that would improve the way Opera sees the page - but I am not going to lose another nights sleep over this now!

http://www.aarondobbin.com/clients/cpr/


-B