CODEWITHSUNDEEP
cssdrupal-6cross-browser
Klikster
Klikster

Reputation: 1164

Two divs not displaying equally in IE/Chrome, only in Firefox

The website: http://epic.lexcorp.ca/capabilities

If you open it in Firefox and then in Internet Explorer/Chrome you should see what I mean, and this is in regards to the two areas below the content (View Our Projects and News)

I've been trying to figure this out for about 40 minutes now and I'm at a loss. Help is greatly appreciated.

Upvotes: 0

Views: 187

Answers (2)

Klikster
Klikster

Reputation: 1164

With help from BumbleB2na I noticed there was a
at the front of one of the tags.

That helped, but didn't fix it completely. I then noticed that there was margin-top areas that were pushing down the boxes entirely, so I adjusted the values to the div wrapping container and changed them to padding.

Seems to be seamless in all 3 browsers now.

Upvotes: 0

Beto Aveiga
Beto Aveiga

Reputation: 3670

It's only a CSS problem.

Add this to your CSS file:

.bottomBox .region {
overflow:hidden;
}

Upvotes: 1

Related Questions