Mozilla Browsers Do Not Accept Absolutepositioning

evion · February 25, 2005

I've tried several times to get it to work but it still haven't seem to go with what i want. If you want an example here's one. (It's my site but i broke it down just for this...) http://forums.xisto.com/no_longer_exists/http://forums.xisto.com/no_longer_exists/

Try this link with internet explorer and firefox or any mozilla browser. With internet explorer you should be able to see the 100px from top postioning. With mozilla, you see a normal iframe without any positioning. Problem? No idea.

Hope someone can help me answer my question. I'm totally dumbfounded
Thanks!

jcguy · February 25, 2005

Did you code your HTML or CSS according to the W3C standards? Mozilla browsers are more strict with coding and adheres strcitly to W3C standards than Internet Explorer. If your coding is accurate by W3c standards that Mozilla should dsiplay what you want correctly.

niblettr · February 25, 2005

I have a similar problem when I emmbed Javascript on my pages! It works fine in Iexplore but not in Firefox!

vujsa · February 25, 2005

If I understand your problem correctly, then here is the solution.

<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#800080" LEFTMARGIN="0" TOPMARGIN="0">

Notice the LEFTMARGIN and TOPMARGIN arguments in the BODY tag.

This tells the browser where to start. Default is like 10 from the top and 10 from the left.

But this applies to the entire page.

This works for layers:

<BODY><div style="position: absolute; top: 230px; left: 500px;">Sample Text</div>... More stuff</BODY>

This works anywhere in the body tag.

I don't use IFRAME so I don't really know specifically how to get it to work.

By the way, I only use Netscape except to see how IE shows my pages. So both of the examples I showed you will work for Mozilla.

Happy troubleshooting,

vujsa

vujsa · February 25, 2005

Here is yor problem.

Your code:

<IFRAME valign="top" name="iframeframe" src="http://maplemjt.tk; width=800 height=470 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=auto style="FILTER:chroma(color=#E3E3E3)" allowtransparency="true" style="position:absolute; left:0px; top:100px;"></IFRAME>

Working code in Mozilla:

<IFRAME valign="top" name="iframeframe" src="http://maplemjt.tk; width=800 height=470 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=auto style="position:absolute; left:0px; top:100px; FILTER:chroma(color=#E3E3E3)" allowtransparency="true" ></IFRAME>

You can't assign style more than once!

You had style="FILTER:chroma(color=#E3E3E3)" then style="position:absolute; left:0px; top:100px;" All in the same tag. No, No, No

Happy coding,

vujsa

evion · February 26, 2005

EXCELLENT! I'm currently quite busy right now so I'm checking around my e-mail and got your pm. Thanks for your help. I'll try to work on it later. Thanks again! P.S Both methods worked hehe =)

evion · February 26, 2005

YES! It finally worked! Thanks for your help! Mozilla IS a bit more strict in this html thing than i thought. iexplore accepts multi-"style" tags hehe. Just one more question: 100px in mozilla from the top margin is also equal to 100px from the top margin in iexplore right?

vujsa · February 26, 2005

Just one more question: 100px in mozilla from the top margin is also equal to 100px from the top margin in iexplore right?

<{POST_SNAPBACK}>

A pixel is a relitive method of measurement for graphics. That's how one printer can print 600 pixels per inch and another can print 2400 pixels per inch.

So both browsers will show the content at nearly the same place if you specify 100px. The difference shouldn't be noticable unless you have other content that you don't specify the position of.

Keep in mind that the users screen resolution and monitor size also effects how the page will appear in the end.

Happy coding,

vujsa

Sign In

Mozilla Browsers Do Not Accept Absolutepositioning

Recommended Posts

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Important Information