Div position: absolute i olika browsers

Tråden skapades och har fått 5 svar. Det senaste inlägget skrevs .
1
  • Medlem
  • Stockholm
  • 2011-03-24 14:03

Har problem med positioneringen av div i olika browsers. I safari får jag till det men i Firefox och internet explorer hamnar de några pixlar fel.

PHP:
<a href="http://iwww.red.com" title="Red"><div id="red"></div></a>
<a href="http://www.green.com/" title="Green"><div id="green"></div></a>

CSS:
#green {position: absolute; top: 113px; right: 122px; width: 40px; height: 39px; background: url(http://ci.99.se/images/green.jpg) no-repeat; border: 0px;}
#red {position: absolute; top: 71px; right: 6px; width: 100px; height: 81px; background: url(http://ci.99.se/images/red.jpg) no-repeat; border: 0px;}

Explorer Win

Firefox OS X

Safari OS X

  • Medlem
  • Stockholm
  • 2011-03-25 13:29

Någon som känner till ett bra forum för webutvecklare?

  • Medlem
  • Stockholm
  • 2011-03-25 14:12

Hur ser koden ut runt objekten? Använder du rätt doc type etc? Testade precis själv din kod och den ser bra ut i alla browsers.

  • Medlem
  • Stockholm
  • 2011-03-25 15:35

Släng upp en tråd på grafisktforum istället!
Där kommer du få riktigt bra hjälp!

Webbdesign & -utveckling - Grafiskt Forum

  • Medlem
  • Göteborg
  • 2011-03-28 19:16

För att "position absolute" skall fungera måste den omslutande noden ha "position relative" satt.

  • Medlem
  • Stockholm
  • 2011-03-29 16:16

Tack pichia. Då vet man det.

1
Bevaka tråden