Jump to content

Character Rendering - Overlaping Divs - Ff Vs. Ie


iohen
 Share

Recommended Posts

Hello,I've been looking all over for a solution to my problem.Please look at these links:Firefox - http://www.unitour.cz/2010/img/firefox_OK.gifExplorer - http://www.unitour.cz/2010/img/explorer_NOT_OK.gifIts actually very simple, a <h2> with margin-bottom: 0px ...

h2 {	font-family: Georgia, "Times New Roman", Times, serif;	font-size: 35px;	font-weight: bold;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 15px;	letter-spacing: -1px;	margin-top: 0px;}

... positioned right above a <div> with a negative margin-top: -8px

div#ldt {	background-color: #73CAD7;	margin-right: 0px;	margin-left: 0px;	margin-bottom: 0px;	margin-top: -8px;}

The only solution that kinda worked for me was using absolutely positioned divs with z-index. But the whole layout is somewhat problematic and with the use of absolutely positioned divs and more wrappers to achieve some floats and clears = it gets messy very quick.Please help, guys. If there is a simpler solutione to this problem, it would save my days.Thanks a lotiohen

Link to comment
Share on other sites

You can add this to the CSS of the h2 elements:
position: relative;z-index: 2;

It should work, though I haven't tested.

OOOOOH YEEEEAAAHHH (Macho-Man-style), thanks a bunch, man. That did it. Never thought of that approach. Very quick responce, great forum.Thanks againiohen
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...