Matthew P. Johnson wrote: > If you open the link if ff and ie you will see "Beautiful Luxurious Green > Home on the Applegate River" > > It positions correctly in ff but ie > > Why is this and how can I fix this? > > http://www.applegateelements.com/test.html > > > > > Matthew P. Johnson
Not trying to "blow you out of the water" but I'd seriously consider starting over with a clean sheet. Make a big box and put smaller boxes in it. Put stuff in the boxes. Find a menu that is known to work cross-browser: put it in a box. Validate the markup and CSS frequently. Test it cross-browser frequently. Avoid using inline styling within the markup. Avoid drawing a horizontal scrollbar. If you are up for it, maybe this will help get it started. <http://chelseacreekstudio.com/ca/cssd/ar.htm> Quick checked in FF, Safari, Opera, IE/8 (and IE 6/7). ---- This mar or may not the most elegant fix but it works. And it validates. It turns out there is a bug in ie8 which you can read about here http://www.inventpartners.com/content/ie8_margin_top_bug My solution was to add a clear div before the div I needed to position via margin-top Line 204 <div style="clear: both;"></div> If anyone has a better solution I would love to hear it. Also if anyone has tips to improve the code I am using I would love to hear the best practice. Sincerely, Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
