Hanjo: Unterschiedliche Darstellung von Schriften in Netscape und IE

Moin,

ich habe folgendes Problem b aim Layout einer Seite.
Die Schriftgrößen und Darstellungen der DIVs ist in den verschiedenen Browsern ziemlich ungleich.

Wie kann ich das ändern ?

Quelltext HTML (XHTML)
--------snipp------------------
<div id="oben">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-color:#111111;width:100%" >
  <tr>
    <td style="width:34%"> <img src="/pics/logoswinger.gif" width="300" height="70" alt="Swinger - Logo"/></td>

<td style="width:66%">

<p style="text-align:center;font-style:italic;font-weight:bold;font-family:Arial;">
    <span style="font-size:178%;color:#57A8C6">Überschrift erste Zeile, blablabalbalbalbalbal<br/></span>
    <span style="font-size:130%;color:#FFFFFF;font-family:Arial;font-style:italic;font-weight:bold;">2. Überschiftszeile blablabalbalbalbalbalbalbalbalbalbalbalbalbalbalbalbalbalbalbalbalbalbalbal     </span></p></td></table>

</div>
<div id="navigation">

Navigation
</div>

Die CSS-Angaben dazu lauten:

#oben {
          position : absolute;
          top : 2%;
          left : 10%;
          width : 80%;
          height : 45pt;
          z-index : 2;
      }
#navigation {
          position : absolute;
   top : 80pt;
   left : 23%;
   width : 54%;
   height : 50pt;
   font-family : verdana, serif;
   font-size : 9pt;
          font-weight : bold;
   color : #FF00FF;
   background-color : #33FFFF;
          z-index : 3;
 }
body > #oben {
position : fixed;
      }

body > #navigation {
          position : fixed;

--------------snip------------------------------------

TIA

Hanjo

  1. Hi Hanjo,

    wenn Du ein möglichst ähnliches Aussehen hinbekommen willst, musst Du stärker mit festen Pixelgrößen arbeiten, was natürlich auch seine Nachteile hat.

    Viele Grüße
    Mathias Bigge

  2. Die Schriftgrößen und Darstellungen der DIVs ist in den verschiedenen Browsern ziemlich ungleich.

    und je nach Einstellung und je nach Betriebssystem und so weiter. Selbst mit einer Angabe in Pixel wirst du es nie hinbekommen das die Schriftgröße überall gleich ist.

    Wie kann ich das ändern ?

    gar nicht, da du nicht auf die Einstellungen jedes Rechners zugreifen kannst. Wilkommen im Internet.

    Wenn's dir reicht mach es so das es bei ca. 50-60% der Nutzer so aussieht wie du es wünscht (IE 6/WinXP), aber mehr ist nicht drin (Tendenz eher weniger)

    Struppi.

  3. height : 50pt;
       font-family : verdana, serif;
       font-size : 9pt;

    Ich seh gerade du benutzt pt.
    Diese Einheit ist sowieso nicht für die Darstellung auf dem Monitor geeignet.

    http://www.netandmore.de/faq/fom-serve/cache/1153.html

    Struppi.