CODEWITHSUNDEEP
csspositioningmargins
abtecas
abtecas

Reputation: 269

Margins different between Chrome and Mozilla

I'm stuck on a margin/positioning issue where I have a div that will not cooperate between Mozilla and Webkit browsers. The element in question is at the bottom of the page http://clifford-stage.scholastic.com/Calendar where there is a black box with a top-right-border with a radius. (editor's note about posters...) In mozilla the border does not break past the bottom edges and displays as desired, however in Chrome and Safari, the bottom flows past the edge, and I've played with every margin scenario but cannot seem to get it to agree between browsers.

I'd appreciate any help. (BTW, this is NOT my page design...)

Upvotes: 0

Views: 6871

Answers (1)

PlantTheIdea
PlantTheIdea

Reputation: 16359

With Firefox, you need to explicitly declare X & Y coordinates when using position:absolute;:

#yourDiv {
    position:absolute;
    top:0;
    left:0;
}

Otherwise you will get quirky behavior. It is also proper browser behavior, Firefox is just stricter about it than Chrome is.

Upvotes: 3

Related Questions