WordPress.org

1. Phishie
   Member
   Posted 6 years ago #
   

   The site I am having trouble with is located at bs.itsphishie.com.

   Here is what I have in my stylesheet:

   #main {

   float: left;

   margin: -300px 0 0 60px;

   width: 665px;

   overflow:hidden;

   }

   It works in Firefox, but in IE the top margin padding is being set to -80px instead of -300px. Is this another IE glitch? Anybody know of a workaround or can just think of something that I am doing wrong? The problem absolutely baffles me.

   Thanks in advance for any help

2. Samuel B
   moderator
   Posted 6 years ago #
   

   It looks fine in IE7. Are you viewing in IE6?

   Maybe try adding
   position: relative;

3. Phishie
   Member
   Posted 6 years ago #
   

   I had feeling IE7 might display it correctly. I am using IE6. But I am sure there are many people out there who haven't upgraded their IE yet so I want to make it as compatible as possible.

   Adding position: relative; did not work =[

4. ccrstudioweb
   Member
   Posted 5 years ago #
   

   Hi,
   If I could read this post before...
   I had the same problem and I solved it using layer and CSS:

   <div id="Layer1" style="position:absolute; left:0px; top:-18px; width:727px; height:250px;z-index:1; visibility:visible">
     <div align="center">CONTENT</div>
   </div>

Topic Closed

This topic has been closed to new replies.