How can I make my site viewable to IE users?

Some weeks ago I created this web form in Freeway 5 Pro (it is in Icelandic). It looked fine in Safari and Firefox, but I didn’t preview it in Internet Explorer since I have a Mac and hardly ever use a PC.

My harddrive failed some time ago, and the Freeway document got lost, so I can’t edit it (well, only the source code using Coda).

Now I see that IE displays some of the objects at a wrong postition. E.g. some radio buttons are shown behind some of the text.
I can see that this is because of I had the CSS button turned off at the time I drew them and I do not know if I can make them into div objects by my self so I am asking for help.

Thank you.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The quickest way to do this will be to take a screenshot of the page,
place it in Freeway, and draw the page over the top of it. Turning a
table-based element into a positioned DIV is going to be a hard slog
in an HTML editor, they have entirely different layout models.

If you really want to do this manually, take one of the other Freeway-
drawn DIVs in your code and duplicate it. Copy the table cell content
into this DIV. Now look at your table (with a calculator nearby) and
add up the relative distance from left and top, and modify the top and
left attributes to match. (It will probably be quicker to take a
screenshot and measure these distances in Photoshop or another pixel-
accurate image editor.) Next make the height and width the same as the
table cell, and you should be nearly there. Fiddle with the z-index
until the layering looks right.

Once you’ve done all that, you can delete the table and everything
should stay put.

Walter

On Jan 17, 2009, at 12:44 PM, Egill Sigurdur wrote:

Now I see that IE displays some of the objects at a wrong
postition. E.g. some radio buttons are shown behind some of the text.
I can see that this is because of I had the CSS button turned off at
the time I drew them and I do not know if I can make them into div
objects by my self so I am asking for help.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This is a classic example of when there is a good time to use a table on your page.

Forms are so much easier to layout and keep aligned if you insert all the elements into a table structure. It may take a little bit longer to work out exactly how many columns, rows and cells you need but the rewards are there when everything hangs together in the browser.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Remember, if you need more rows and/or columns after you have the
table created then you can always add them then.

HTH

On Jan 17, 2009, at 10:09 PM, DeltaDave wrote:

This is a classic example of when there is a good time to use a
table on your page.

Forms are so much easier to layout and keep aligned if you insert
all the elements into a table structure. It may take a little bit
longer to work out exactly how many columns, rows and cells you need
but the rewards are there when everything hangs together in the
browser.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options