Layer Absolute problem Options

[mianz]

Hi guys, this is my first post.

I'm having a huge problem which i can't get anything off the internet.

As your look at the screenshot, u can see that the white box is actually a AUTOSHAPE object, therefore i couldnt add forms in it.

I then choose to add a absolute layer over it, to add in the forms within the AUTOSHAPE object.

It looks ok within the editor itself, but when i view it in IE, using different resolution the position of the layer went off.

I thought of a solution but i do not know how to do it.

If i'm able to detect the screen resolution and change the left: 363px; top: 341px value accordingly it should work fine. can any1 help me. please.

<div style="position: absolute; width: 350px; height: 332px; z-index: 1; left: 363px; top: 341px" id="layer1">
<form method="POST" action="--WEBBOT-SELF--">
<!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
<p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
</form>
</div>

[pandy]

As your look at the screenshot, u can see that the white box is actually a AUTOSHAPE object

I'm afraid I have no idea what an autoshape object is. Is it something that works on the web or does it only work with MS Office? Maybe it's FrontPage speak for something else?

It looks ok within the editor itself, but when i view it in IE, using different resolution the position of the layer went off.

That's what AP does, the way you've used it. The box will be 363px from the left browser edge and 341px from the top one no matter what.

Can you explain how you want it to look/work?

[mianz]

hi. thanks for replying.

yes it's a function in frontpage. it's like some kind of shape tools.

i wan it to be at the exact same spot like the editor, when in any resolution or anything.

it has to be absolute, coz i cannot drop it within the auto shape itself as that will make the forms not being able to work.

[Darin McGrew]

i wan it to be at the exact same spot like the editor, when in any resolution or anything.

Keep in mind that What You See Is Not What Others Get on the Web...

[mianz]

yeah that's why. this code can work but i don't know how to apply it.

If i'm able to detect the screen resolution and change the left: 363px; top: 341px value accordingly in the form of ratio it should work fine. can any1 help me. please.

<div style="position: absolute; width: 350px; height: 332px; z-index: 1; left: 363px; top: 341px" id="layer1">
<form method="POST" action="--WEBBOT-SELF--">
<!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
<p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
</form>
</div>

[Darin McGrew]

Can you provide the URL (address) of a document that demonstrates the problem?

[mianz]

http://www.bytelab.com.sg/Contact.htm

thanks for the help

[Darin McGrew]

Your submit buttons are positioned relative to the left edge. The rest of your content is centered. They're going to line up properly only at one specific width of browser window.

You need to position everything the same way (either relative to the left edge, or centered).

Actually, most of your content appears to be images of text. Don't do that. Use real text instead. There might be a case for using images for a fancy font for headings, but you'd need to be sure to specify appropriate alt text (see Use of ALT texts in IMGs). Doing the whole page as images of text is a bad design.