Home/ Questions/Q 7813857
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T05:00:21+00:00

here’s something i never thought i would type: chrome breaks the layout, but IE

  • 0

here’s something i never thought i would type: chrome breaks the layout, but IE (or any other browser for that matter) doesnt…

there’s a featured slider with position: relative; with elements inside with position: absolute;

the javascript loops through the elements to create a rotating images

see: http://guardianweb.edulence.com/model10/

i’ve added a margin-top of 304px to the two elements below the featured slider, but the gap is huge in every browser besides google chrome

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    What is happening is that other browsers are incorrectly applying a height of 305px and width of 940px to your #featured division. I have no idea why they’d do that. Chrome is correctly rendering that element with a height of 0, because there is no content inside the element (absolutely positioned elements don’t take up any space in the flow of the document).

    In Chrome:

    Chrome element

    In Firefox:

    Firefox element

    I suppose one way you could work around this is to manually specify the width and height on your #featured element so that all the browsers, including Chrome, act the same.

    • 0