[thelist] Internet Explorer ignoring margin

Will willthemoor at gmail.com
Tue Feb 3 23:47:40 CST 2009


Not sure the IE bug you're running into but you might try removing the
positioning on the header and using margins to put it in the center as
well as push down the content div. like margin: 0 auto 120px auto




On Tue, Feb 3, 2009 at 5:48 PM, Sarah Adams <sarahwbs at gmail.com> wrote:
>> This will probably be simple for somebody, but I'm stumped. For almost
>> an entire site, most versions of Internet Explorer (v. 9 gets it
>> right) ignore the top margin on a div. The pages validate (both HTML
>> and CSS) and look good on all other recent browsers. A sample page is
>> here:
>> <http://orbgoddess.com/singleimage.php/4/>
>> The other IE margin bugs I've read about involve floating elements,
>> but there are none on this page. There are a series of absolutely-
>> positioned elements above and to the left of the main content div; the
>> margins for div.content clear the absolutely positioned elements...
>> except the margin-top on thse critical versions of IE.
>> I've tried other ways to code the margins; I've tried tracking down
>> known IE bugs. The problem persists and I don't know what else to try.
>> Any ideas?
>
> Sounds to me like it might be a case of collapsing margins. Others have
> explained this far better than I could:
> http://css-discuss.incutio.com/?page=CollapsingMargin
>
> --
> sarah adams
> --
>
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
>
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt !
>



More information about the thelist mailing list