3 replies [Last post]
zoobie
Offline
newbie
Last seen: 16 years 7 weeks ago
Timezone: GMT+7
Joined: 2003-08-28
Posts: 2
Points: 0

I have gone over this several times and nobody has ever been able to answer why the iframe loads full size and is cut off at the bottom in IE. When you mouseover the menu, the scrollbars suddenly appear.
The complete page including stylesheet can be found @ www.floridahomerescue.com/index3.html
Any help appreciated.
Thanks :?

LisaJill
Offline
Regular
Last seen: 16 years 11 weeks ago
Joined: 2003-08-06
Posts: 43
Points: 0

CSS layout doesn't work with iframe in IE

hrm weird, is it possiblly too wide and just showing up when you mouseover?

also that doesn't show up at all in mozilla firebird.... maybe not the other mozillla and opera, but other pc is down so i can't test it...

maybe be part of the original problem too

Pob
Offline
Enthusiast
Hampshire UK
Last seen: 8 years 19 weeks ago
Hampshire UK
Timezone: GMT+1
Joined: 2003-08-16
Posts: 60
Points: 5

CSS layout doesn't work with iframe in IE

Hi,

If you run your page through the validator you will see that there is an error on about line 121 :

<div style="text-align:center;background-color:#000088;"><a href="index_main.html" target="sara" style="text-decoration:none" title="Stop foreclosure with Florida Home Rescue"><span style="font:bold 51px times new roman;color:#c0c1f4;line-height:83%;margin:0">FLORIDA HOME RESCUE</span><H1 class="index" title="Avoid Foreclosure">Avoid Foreclosure and Save Your Credit!</H1><span style="font:bold 12px verdana;color:#c0c1f4;">A DIVISION OF SIRE PROPERTIES</span></a></div>

You have all the above on one line and you have incorrectly nested block level elements with inline elements. Anchors <a> are inline elements and can contain only other inline elements such as spans. Heading <h1> are block level elements and cannot be inside anchor tags or inside spans (unless you change them of course to display inline).

I think you will find that if you tidy this line up into its correct components you will find that the iframe works ok in IE.

You will have problems in some other browsers as you have used a partial doctype (without uri) which puts IE into quirks mode. I think Mozilla is more or less ok but Opera7 doesn't like it. As you have constructed the page using the benefits of quirks mode it would probably take a lot of effort to switch to standards mode so you may have to live with it.

To make your page more readable and easier to manage avoid using inline styles as this almost negates the usefulness of css.

Also I don't understand why you have used javascript for the menu when css could do the trick just as well.

Hope this solves your immediate problem (it does because I tried it locally already).

Just shout if you're not sure how to do it.

Paul

zoobie
Offline
newbie
Last seen: 16 years 7 weeks ago
Timezone: GMT+7
Joined: 2003-08-28
Posts: 2
Points: 0

CSS layout doesn't work with iframe in IE

You know, I saw that error but didn't think in my wildest dreams it would affect the iframe. Thanks a lot. You're the only one who found the problem. Personally, I don't like frames of any sort but this is my brother's site and he likes the style.

I've simplified things a bit and resorted to using a regular frameset as this cured me of using iframes. Although I haven't put it on the web yet, I can see it's going to be nicer and I finally figured out how to stop the menu button's border from breaking in NS by using display:block

Now all I have to do is figure out how to set the block's padding since the buttons are 50px apart...

Thanks again Laughing out loud