Is it possible to successfully use a relative placed div so that it works well in every browser?

Check out my website, specifically the black circle with the service grant announcement..

--In Firefox OS and Windows, it doesn't show up at all.

--In Safari and Firefox 3.6 OS X it looks the way I'd like it to look.

--In IE 8, Chrome and Firefox 3.6 Windows it sits lower.

--In EI 6 and 7 it looks good only because I added the dreaded star hack. I don't know how else to do it.

I tried to use an absolute-placed div, but since the layout is centered, the thing moves around.

And yet check out this site: http://www.3rdward.com/ They have a centered layout AND an absolute placed div but theirs doesn't move around!

Finally, if everyone has any ideas on how to eliminate the extra space above the welcome paragraph that shows up only in IE 6 &7, that'd be sweet. Star hack didn't do it.

1 answer

danwellman 5600
2
points

Are you using a reset style sheet to eliminate different browser's default styling?

Answered about 6 years ago by danwellman