IE & FireFox interpretieren relative Angaben unterschiedlich - bitte um Hilfe

carmecon · 10. September 2004

Hallo,

ich hab das Problem, dass ich eine Website übernommen habe. Dazu
ein Instant Payment System samt Datenbank gemacht und nun sollte
auf die Startseite eine Bilder Rotation.

Da die ganze Seite komplett verbaut ist, wollte ich das ganze über
div & iframe absolut positionieren. Im FireFox passt es.

Aber im Internet Explorer ist das Ding locker 5 mm tiefer. Woran
kann es liegen, das IE & FF die Seiten unterschiedlich in Höhe & Breite
aufbauen?! :gpaul:

Wäre super wenn jemand ein Tipp hätte.

http://www.materialsgate.de/ <-- untern links

Gruß Benny

ee123 · 11. September 2004

das liegt an der verwendeten schriftgröße.

[edit:] und es ist _nicht_ 5mm tiefer, der untere rand vom text in der mitte ist 5mm höher

carmecon · 11. September 2004

Ja das Teil ist aber absolut positioniert und nicht relativ. Somit
sitzt es in meinen Augen weiter tiefer.

Wenn man sich den Absatz bei "Industrie · Design · Architektur · Handwerk"
so ist der auch viele größer :gpaul: :apaul:

Und wieso meinst du es liegt an der Schriftart?

Viele Grüße

Benny

der Chef · 23. September 2004

Code

<div id="bildframe_pos" style="...styleanweisungen..."> 
  ...iframe... 
</div>

Darum geht es, oder? Jaja, der IE und dessen eigene Interpretation von CSS. Zum ko**en. Aber irgendwie verwenden ihn zu viele um es zu vergessen *gg*

Lösung:

Schreibe den Code so:

Code

<div id="bildframe_pos" class="irgendwas"> 
  ...iframe... 
frameborder="0" height="76" scrolling="no" width="152"></iframe> 
</div>

Dann oben diese Styleanweisung

Code

<style type="text/css">
  .irgendwas
  {
      position: absolute;
      left: 0px;
      top: 517px;    // Den Wert, der für Firefox passt!
      width: 152px;      
      height: 76px;
  }
</style>


<!--[if gte IE 5]>
<style type="text/css">
  .irgendwas
  {
      top: 517px;    // Den Wert, der für IE passt!
  }
</style>
<![endif]-->

Alles anzeigen

Der Hintergrund ist der, dass IE sich auf <!--[if gte IE 5]> angesprochen fühlt und den Wert auf einen beleibigen Wert anpasst indem der top-Wert überschrieben wird.

MfG Florian

Edit: Bessere Lösung

symbian · 23. September 2004

Also bei mir ist das Teil immer noch verschoben (sowohl im IE6 als auch im Opera), außerdem finde ich das ganze Design Potthäßlich. :flop: zu dem Thema mit den Mineralien würde mir was besseres Einfallen... Besonders dieser graue Hintergrund ist irgendwie zum würgen...

Durch das wechseln der Bilder, "Stockt" mein Browser immer kurz (Während dieser Zeit kann man auch nicht scrollen) und blendet einen neuen Ladebalken ein. Vieleicht ist es besser das ganze in Flash zu machen, daneben befindet sich ja eh bereits ein Flash-Banner.

Das Popup am Anfang sieht man mit Popup-Blocker nicht, auch nicht die beste Lösung.

Übrigens, warum war da gerade ein Bild von einem Videospiel mit dabei?! Tetris oder so?

ee123 · 26. September 2004

Zitat

Original geschrieben von ee123
das liegt an der verwendeten schriftgröße.

[edit:] und es ist _nicht_ 5mm tiefer, der untere rand vom text in der mitte ist 5mm höher

ist es zu viel verlangt, den edit-teil zu lesen?
die positionierung ist gleich, aber das umfeld sieht aufgrund der unterschiedlichen schriftgröße anders aus. (bei mir zumindest ^^)

IE & FireFox interpretieren relative Angaben unterschiedlich - bitte um Hilfe

Jetzt mitmachen!

Teilen