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.
