Databases
StackOverflow2013
Postsdbo
POLayout issue in IE- possibly to do with negative margins
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POLayout issue in IE- possibly to do with negative margins
    primarykey
    data
    text
    <p>I'm really struggling with a layout issue in (all versions of) IE. The site I'm working on works fine in Chrome and Firefox, but the layout of the banner is completely wrong in IE, where it appears a few hundred pixels lower than it should. I'm not sure if this is an issue with negative margins or what, and there's not much testing I can do since I'm using a Mac and only have static screenshots to go by. </p> <p>I'd really appreciate any feedback on this. I've attached an image of what the IE screenshot looks like, and what it should look like. The link to the site is: <a href="http://www.osullivans-pubs.com/draft" rel="nofollow noreferrer">http://www.osullivans-pubs.com/draft</a></p> <p>EDIT: I'm unsure what code to include really since I can't identify the problem but I'm guessing it has something to do with this element:</p> <pre><code>#back { overflow: hidden; min-height: 700px; margin-top: -235px; padding-top: 80px; background-position: center -44px; text-align: center; position: relative; } </code></pre> <p>EDIT: I'm attaching an image of the site zoomed out, to give an idea of why negative margins are necessary. It's pretty hard to explain, but it's to do with the diagonal backgrounds and the fact that I need these backgrounds to reach about 1600px (for larger screens, and I can't repeat them, they're diagonal). I wish there were some way to get IE to recognise the negative margins, I've tried the zoom: 1, position: relative technique, but still nothing. Even in IE10.</p> <p><img src="https://i.stack.imgur.com/ILxQj.png" alt="enter image description here"></p> <p><img src="https://i.stack.imgur.com/owloQ.jpg" alt="enter image description here"></p> <p><img src="https://i.stack.imgur.com/3h1XL.jpg" alt="Page zoomed out"></p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USuser1473358
    1. USuser1473358
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POLayout issue in IE- possibly to do with negative margins
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    2. VO
      singulars
      1. POLayout issue in IE- possibly to do with negative margins
      1. This table or related slice is empty.
      1. VTDownMod
    1. COPost related codes here.
      singulars
      1. POLayout issue in IE- possibly to do with negative margins
      1. USRaptor
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload