Click to See Complete Forum and Search --> : How do I get rid of "absolute positioning?"


swolk
01-12-2007, 10:33 AM
I have a web page that I need to use to send out in an email to folks who signed up for our newsletter, but there are issues. Here's what's going on:

The email service that we're using includes a footer in the email. No problem. But the test emails that we've sent show up with formatting problems. The footer will either show up at the top of the page where our logo is, or in the middle of the page on top of existing text and images. In Hotmail, the message itself runs over the bottom edge of the white message box onto the blue page below, making it impossible to read.

I contacted the support for this email service and they told me that "absolute positioning" is the problem. I don't know HTML that well; I used Dreamweaver 8 to create the page. But when I look at the code I can see the command for "position:absolute" there. Is there an easy way to make it so this is not a problem? Is there an alternative command that I can insert, or is this somethiing that I can remove altogether?

Any advise would be awesome. Thanks.:confused:

Annaccond
01-12-2007, 11:00 AM
Is there anything more - some values after absolute positioning? I don't know how source code look so it's hard for me to advice without seeing it but surely it's possible to replace it static or relative (at least changing some values).

*edit*
The problem could be that for ex. absolute positioning were used relative to other embracing element (other than browser window) and that working for IE only.

swolk
01-12-2007, 11:10 AM
This is the line of code I saw first.

<div id="Layer1" style="position:variable; width:62px; height:602px; z-index:1; left: 19px; top: 18px;">

I don't know that much about this. Forgive my ignorance.

Right now I'm trying to bare bones the page and make it really, really simple. The email service said the simpler the code the better the chances it will show up how we want it when we send it. They also mentioned that any cascading style sheets or javascript will improperly display. I'm pretty lost right now. Darn you, Dreamweaver!

Annaccond
01-12-2007, 11:15 AM
That's the problem of using WYSIWYG editors - many things is saved improper way or way which is not much compatible. For your needs seems that will be better create simple page without using CSS.

swolk
01-12-2007, 11:25 AM
Yes, I think I will have to do that. Thanks anyway!

drhowarddrfine
01-12-2007, 11:32 AM
style="position:variable;That's interesting because there is no such thing.

swolk
01-12-2007, 11:42 AM
Oops, that should say style="position:absolute;

The code is changed because I have no idea what I was doing. The rest of the line is at is appeared.

Anyway, I was able to fumble through getting a simple HTML page put together. It doesn't look as cool, but at least the email will go out. Thanks again for your input.:o