Results 1 to 8 of 8

Thread: iframes and css - newbie

  1. #1
    Join Date
    May 2007
    Posts
    24
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default iframes and css - newbie

    I created the link below. Everything shows in Firefox, however the sub-menus won't fly out.

    As for IE 6 (IE sucks ), the main frame does not see the style sheet. As for the menu, IE does not see it.



    http://melendy-mi.us/spartaumc/



    Thanks too all who help.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    You cannot fly out of an iframe.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Feb 2007
    Posts
    293
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Instead of making all three sections of your page iframes, try putting the code for the top banner and the side navigation directly onto the page, and then have only the content pages in an iframe. The sub-menus will display correctly that way.

  4. #4
    Join Date
    May 2007
    Posts
    24
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Ok, here's one with a column and iframe.

    I spent alot of time with columns with out results.

    Here, the word "left" should be at top left below the header.

    Also, the menu won't show.


    http://melendy-mi.us/spartaumc/dhtml_menu8.html

    Thanks to all who help.

  5. #5
    Join Date
    Feb 2007
    Posts
    293
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Switch the order of the two divs in your html code, so that the left div comes first in the html, followed by the div containing the iframe.

  6. #6
    Join Date
    May 2007
    Posts
    24
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    That helped out alot, Veronica.- thanks

    How do I get the links to open in the iframe?

    How do I make the page smaller?
    Could I put the column in a container and set the container size ?

    How do I get rid of the line around the iframe?

    There is a Y setting in the menu program to lower the menu.
    Thats a whole nother story. Full of bugs. Nice looking but stinks.

    http://www.melendy-mi.us/spartaumc/iframes5.html

    Thanks to all who help.

  7. #7
    Join Date
    Feb 2007
    Posts
    293
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    How do I get rid of the line around the iframe?
    Change the iframe code to this:
    <iframe src="http://www.melendy-mi.us/spartaumc/spartaumc.html" name="_parent" style="width:740px; Height:1200px; border:0"></iframe>

    How do I make the page smaller?
    You need to put your javascript in a div with a float of left. Then add a float:left to the div with the iframe. Like so:
    Code:
    <div style="float:left">
     (script for dhtml menu)
    </div>
    <div   style="position:relative; top: -320px; left: 255px; float:left">
    (iframe tag)
    </div>
    How do I get the links to open in the iframe?
    You would need to ask whoever wrote the js how to make the links work in an iframe. It looks as if it's set up to work on the same page only.

  8. #8
    Join Date
    May 2007
    Posts
    24
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Thanks, Veronica

    Putting style inside the frame gave me a 3" x 5" iframe.

    I tried many variations of the iframe and div.

    Half the text is missing in both Firefox and IE 6.

    http://www.melendy-mi.us/spartaumc/spartaumc.html

    In IE, the iframe doesn't see the style sheet.

    http://melendy-mi.us/spartaumc/dhtml_menu9.html


    Here's a new twist:

    http://melendy-mi.us/spartaumc/dhtml_menu12.html


    I can't get rid of the iframe border in any of the files. The page needs to be seamless.


    rob

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •