Log in

View Full Version : iframes and css - newbie



rob11
08-02-2007, 02:33 PM
I created the link below. Everything shows in Firefox, however the sub-menus won't fly out.:confused:

As for IE 6 (IE sucks:mad: ), 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.:)

jscheuer1
08-02-2007, 03:39 PM
You cannot fly out of an iframe.

Veronica
08-02-2007, 03:49 PM
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.

rob11
08-02-2007, 06:04 PM
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.:confused:


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

Thanks to all who help.:)

Veronica
08-02-2007, 08:06 PM
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.

rob11
08-02-2007, 09:42 PM
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 ?:rolleyes:

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.

Veronica
08-02-2007, 10:28 PM
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:


<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.

rob11
08-03-2007, 11:40 PM
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 :confused:


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