Jump to content
xisto Community
Sign in to follow this  
evion

Mozilla Browsers Do Not Accept Absolutepositioning

Recommended Posts

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!

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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 =)

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.