MaxSmily: DIV und CSS, Netscape macht leider Probleme...

Hallo Leute,

wer kann mir bei einem CSS-Problem helfen? Ich habe ein DIV, welches ich
per StyleSheet mit einer Hintergrundfarbe und einem 1px-Rahmen versehe.
Der DIV soll später mit position:absolute positioniert werden. Leider
zeigt Netscape 4.75 einen hässlichen durchsichtigen Abstand von ca. 3-4 px
zwischen dem Rahmen und der Hintergrundfläche. N6, IE5.5 und Opera 5
stellen den DIV hingegen wie gewünscht dar (also Rahmen schließt bündig
mit Hintergrundfläche ab).

<html>
<head>
<title>Div + CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
 div.x1 {
  position:absolute;
  border:1px solid #FFCC00;
  background-color:#FFFFCC;
  width:240px;
 }
 p.y1 {
  padding:3px;
 }
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div class="x1">
  <table width="240" border="0">
    <tr>
      <td align="left">
        <p class="y1">Viel interessanter Text...</p>
      </td>
    </tr>
  </table>
</div>
</body>
</html>

vielen Dank im Vorraus.

MaxSmily

  1. Hallo Leute,

    wer kann mir bei einem CSS-Problem helfen? Ich habe ein DIV, welches ich
    per StyleSheet mit einer Hintergrundfarbe und einem 1px-Rahmen versehe.
    Der DIV soll später mit position:absolute positioniert werden. Leider
    zeigt Netscape 4.75 einen hässlichen durchsichtigen Abstand von ca. 3-4 px
    zwischen dem Rahmen und der Hintergrundfläche. N6, IE5.5 und Opera 5
    stellen den DIV hingegen wie gewünscht dar (also Rahmen schließt bündig
    mit Hintergrundfläche ab).

    Ich erinnere mich, am selben Problem auch sehr lange, erfolglos übrigens (aber Kopf hoch!), geknabbert zu haben.

    <!--
    div.x1 {
      position:absolute;
      border:1px solid #FFCC00;
      background-color:#FFFFCC;
      width:240px;
    }

    Was passiert, wennn Du
    a) die width-Angabe in der Sytle-Definition weglässt?

    b) den margin auf 0px setzt?

    Ich glaube aber, Netscape lässt den Rand nur - und genau nur dann - weg, wenn man keinerlei Angabe zur Größe des divs macht.

    Grüße,
    Martin

  2. Leider interpretiert Netscape 4.x das Box-Modell der CSS-1-Spezifiaktion nicht korrekt.
    Daher wird es für dieses Problem wohl keine Lösung geben.

  3. hallo

    Leider zeigt Netscape 4.75 einen hässlichen durchsichtigen Abstand von ca. 3-4 px zwischen dem Rahmen und der Hintergrundfläche.

    so ist es und manchen kannst du nichts.
    der abstand zwischen rahmen und hintergrundfarbe ist übrigens genau 2px breit. diesen bug haben alles ns 4.x versionen.

    grüße
    thomas