I have been developing a simple page with an iframe that scrolls. The
index page works OK.
However almost an exact copy turned into the "contact" page displays
white strips at the top and on the right where the iframe is when
viewed with the IE.
I played with multitudes of parameters in the html code and the iframe
html but could not get rid of these strips.
Again these strips do not show up in the index page.
Also, on both the index and contact pages display fine when viwed with
Chrome and Firefox. (Go figure...)
Any help in resolving this issue would be appreciated.
Al
Any help you receive without supplying us with a URL would be pure
guesswork.
Sorry! Forgot the URL:
http://ucbitu.com/test/contact.html
>Sorry! Forgot the URL:
So where is the one that works so a comparison can be made?
BTW that is a horrible user interface. I looked at it first with FF and it
took me forever to notice those tiny little arrows that replace my scroll
bar. Even my mouse wheel did not cause a scroll. And with javascript
disabled the page simply does not work. Not even gracefull degredation. If
you are going to hijack the scroll functions with javascript then please
turn off the normal scrolling options *with javascript*, not hard coded in
the HTML. Then again without javascript your map doesn't work either, also
rendering the page unusable so lack of javascript probably doesn't matter.
Why do you even need the iframe? Why not just put the content rigth there on
the page and let the page scroll as normal. Having two scroll bars (well,
one scroll bar and one that does a similar job but doesn't even look like
one) is for me a PITA.
And where did you obtain that HTML? It's full of deprecated elements and
attributes, including the dreaded font element. Your doctype triggers quirks
mode. You have a permanent horizontal scroll bar (IE) which lead nowhere.
You have javascript errors.
As to your problem a wild guess is that the white space is the background
colour of the page that lives in the iframe. Your body background colour
and/or margins is probably not inheriting into the iframe.
There are 21 validation errors on the page whose link you forgot to
give here. It's possible that if you had 0 errors you would have 0
problems.
--
Neredbojias
You are absolutely right about the user interface. This is what a
client wanted. It is a copy of one of her friends pages'. When when
she first showed to me, I tried to steer her away but she would not
budge.
I am not a web designer, I usually farm jobs like this out. However,
it is a small project and the project does not have much money, so I
thought I'll do it myself. My inexperience, and lack of good tools
shows in the technical side of the work.
By the way, I solved the problem. The page that the iframe pulls in
was lacking topmargin="0" leftmargin="0" parameters.
Thanks for your comments.