My page does not display the same in I.E. as in FF. Why?

My page does not display the same in I.E. as in FF. Why?

Whane The Whip 1219674176|%e %b %Y, %H:%M %Z|agohover

I've been trying to avoid using divs because they confuse the hell out of me and what seems to take an hour to do using a div will usually take me a few minutes using a table. That said I decided to try and learn how to use divs and after spending over an hour just trying to get a freaking simple table to left align and after having apparently made it happen, now I get a different look in I.E. than in Firefox, why is that?

Page: http://gawker.wikidot.com/list:main (opens a new window or tab)

Notice that my table aligns to the left of the right floating box in Firefox but to the left and below the right floating box in I.E. How can I make I.E. display the page as FF does?

Also, note the search box. I thought I was being clever by moving it to the top navigation bar, it looks perfect in FF but is not centered in I.E. and also, the button and form field are not aligned in I.E. How can I fix this and make it appear as it does in FF?

The syntax I used is:

[[div style="float:right; width: 15em; padding: 0 1em; margin: 1em 0 1em 1em; border: solid #888888 1px;"]]
**Base Pages** include all //default// Gawker pages.
[[module NewPage size="15" button="new page"]]
**[[size 12px]]View This Category By Date[[/size]]**
[[module PageCalendar category="_default"]]
[[/div]]
[[include list:top]]
**List Results**
[[div style="float:none; width: 100%; font-size: 12px"]]
[[module ListPages category="_default" perPage="20" date="@URL" separate="false" prependLine="||~ Page Title||~ Date created||~ Created by ||"]]
|| %%linked_title%% || %%date|%e %b %Y|agohover%% || %%author%% ||
[[/module]]
[[/div]]
~~~~~
[[include footer]]

Thanks for reading.

---

Search Engine Placement Services

last edited on 1219674338|%e %b %Y, %H:%M %Z|agohover by Whane The Whip + show more

Re: My page does not display the same in I.E. as in FF. Why?

Helmuti_pdorf 1219679395|%e %b %Y, %H:%M %Z|agohover

I am not sure ( I camnnot test it ) but I think - there are 2 issues:

the "header" List Results is clearly floating left from the right top box.
and the next ( last) div is 100% wide -(I get an error in IE 7..) - could be this is the reason why IE tries to move it down where the place for it is…

make it a little smaller ==> ( width:60% ! )
The last include from the footer is always shifted under the left nav bar! ( the 4 x ( or 5x ? ) "~" set the div style to "clear:both" !)

---

Service is my success. My webtips:www.blender.org, www.zusi.de (Demo-Video)

Wollen Sie Wikidot helfen im deutschen » Handbuch ?

Re: My page does not display the same in I.E. as in FF. Why?

Whane The Whip 1219681706|%e %b %Y, %H:%M %Z|agohover

I changed the size to 60% as suggested and the table is now displaying correctly in I.E. too. Thanks. Maybe after wrestling around with divs I will eventually get a feel for them. :)

---

Search Engine Placement Services

Re: My page does not display the same in I.E. as in FF. Why?

LlamaNerds 1220457476|%e %b %Y, %H:%M %Z|agohover

Part of the issue is also that IE is still lagging behind other browsers in support of w3 standards. I hear a lot of complaining from people who 'have' to edit their pages to look good in IE as well as 'proper' browsers.

Oh well. I hear it's getting better. I always just put a link up saying something to the effect that IE sucks and people should use a real browser (but in polite terms) like Opera or FF.