✔ Problem mit der Darstellung IE&FF

Status
Nicht offen für weitere Antworten.
H

himmelvergebenusw

Mitglied
Guten Tag
Ich bins wieder einmal mehr.
Beim Einrichten meines Gästebuchs auf meiner Seite hab ich jetzt seit gestern das gleiche Problem bei der Darstellung.
Ich möchte das ganze in Divs darstellen, und die Daten werden aus meiner Datenbank ausgelesen darstellen möchte ich das ganze so:

Gästebuch(3) Eintragen
-----------------------------------------------------------------------------------------------------------------------------
Bild
-----------------------------------------------------------------------------------------------------------------------------
Name(link zur hp) Datum

Text

-----------------------------------------Trennungslinie-------------------------------------------------------------

nächster Eintrag usw,

Jetzt habe ich aber das Problem, dass die Darstellung nicht sitzt, entweder stimmt die Anzeige im IE nicht oder die Anzeige im FF passt nicht, dann hab ich das ganze nochmal geändert und nun stimmts bei beiden nicht mehr ;)
Ich weiss nicht recht, wie ich das ganze von den Zeilenumbrüchen her ändern soll, mit /n bzw < /br> wird ja ein Abstand bzw Zeilenumbruch eingefügt, aber die werden grösstenteils ignoriert...

Quelltext gb Datei:

Code: 
<?php
    @mysql_connect(MYSQL_HOST, MYSQL_USER, MYSQL_PASS) OR die(mysql_error());
    mysql_select_db(MYSQL_DATABASE) OR die(mysql_error());
    $sql = "SELECT
                Name,
                Datum,
                Email,
                Homepage,
                Inhalt
            FROM
                gaestebuch
            ORDER BY
                Datum DESC";
    $result = mysql_query($sql) OR die(mysql_error());
    echo "<div class=\"newseintrag\">\n";
    echo "    <div class=\"Titel\">\n";
    echo "Gästebuch\n";
    echo "(".mysql_num_rows($result).")";
    echo "</div>\n";
    echo "    <div class=\"eintragen\">\n";
    echo "    <a href=\"index.php?section=gb_add\">Eintragen</a>\n";
    echo "</div>\n";
    echo "<img src=\"img/gbook_mute.gif\" alt=\"\">";
    echo "</div>\n";
    $search = array(':)',
                    ';)');
    $replace = array('<img src="img/smile.gif" alt=":)" />',
                     '<img src="img/super.gif" alt=";)" />');
    while($row = mysql_fetch_assoc($result)) {

        $text = str_replace($search, $replace, $row['Inhalt']); 

        echo "<div class=\"newseintrag\">\n";
        echo "    <div class=\"Titel2\">\n";

        if(trim($row['Email']) == "") {
        echo $row['Name']."<br />\n";
        } else {
            echo "<a href=\"mailto:".$row['Email']."\">".$row['Name']."</a>\n";
        }
        if(trim($row['Homepage']) != "") {
            if(substr($row['Homepage'], 0, 7) == "http://") {
                echo " (<a href=\"".$row['Homepage']."\">Homepage</a>)";
            } else {
                echo " (<a href=\"http://".$row['Homepage']."\">Homepage</a>)";
            }
        }

        echo "    </div>\n";
        echo "    <div class=\"Datum\">\n";
        echo $row['Datum']."\n";
        echo "    </div>\n";
        echo "<br />";
        echo "    <div class=\"Inhalt2\">\n";
        echo "        ".nl2br($text)."<br />\n"; 
            echo "    <div class=\"linie_oben\">\n";
            echo "    </div>\n";
        echo "    </div>\n";
        echo "</div>\n";
    }
?>

Die dazugehörigenden Einträge in der css Datei sind:

Code: 
.newseintrag {
    text-align:left;
    font-family:Verdana;
    margin-left: 10px;
    margin-right: 10px;
}
.Datum {
    padding: 2px;
    font-size:10px;
    font-style:italic;
    float: right;
    white-space: nowrap;
}
.Titel {
    font-size:12px;
    font-weight:bold;
    padding: 2px;
    float: left;
}
.eintragen {
    position:static;
    font-family:Verdana;
    padding: 2px;
    font-size:12px;
    float: right;
}
.Titel2 {

    font-family:Verdana;
    font-size:10px;
    float: left;
}
.Inhalt2 {
    font-size:10px;
    font-family:Verdana;
    padding: 2px;
    float: left;
}
.linie_oben {
  position: absolute;
  border-bottom-color: #2f2f2f;
  border-bottom-width: 1px;
  border-bottom-style:dashed;
  width: 96%;
}

Der Link zur Page hierzu noch: http://web183.eta.ibone.ch/mute/index.php?section=gb
 
Hi,

mit einem konkreten Lösungsvorschlag kann ich nicht dienen, aber bei so vielen float-Deklarationen vermisse ich im Stylesheet die clear-Eigenschaft, um das Floaten "zwischendurch" auch wieder aufzuheben, und die Fortsetzung unterhalb des umflossenen Elements zu erzwingen.
 
danke habs damit versucht, aber hat leider nicht so ganz geklappt,
ich hab aber dafür das ganze nochmal auseinandergenommen und nachgeschaut, die Anzeigefehler beginnen von diesem Div aus:

Code: 
        echo "<div class=\"newseintrag\">\n";
        echo "    <div class=\"Titel2\">\n";

        if(trim($row['Email']) == "") {
        echo $row['Name']."<br />\n";
        } else {
            echo "<a href=\"mailto:".$row['Email']."\">".$row['Name']."</a>\n";
        }
        if(trim($row['Homepage']) != "") {
            if(substr($row['Homepage'], 0, 7) == "http://") {
                echo " (<a href=\"".$row['Homepage']."\">Homepage</a>)";
            } else {
                echo " (<a href=\"http://".$row['Homepage']."\">Homepage</a>)";
            }
        }
        echo "    </div>\n";
        echo "    <div class=\"Datum\">\n";
        echo $row['Datum']."\n";
        echo "    </div>\n";
        echo "</div>\n";
        echo "<div class=\"newseintrag\">\n";
        echo "    <div class=\"Inhalt2\">\n";
        echo "        ".nl2br($text)."<br />\n";
        echo "    </div>\n";
        echo "    <div class=\"linie_oben\">\n";
        echo "&nbsp";
        echo "    </div>\n";
        echo "</div>\n";
    }

und hier nochmal der css code:

Code: 
.newseintrag {
    text-align:left;
    font-family:Verdana;
    margin-left: 10px;
    margin-right: 10px;
}
.Titel2 {

    font-family:Verdana;
    font-size:10px;
    float: left;
}
.Datum {
    padding: 2px;
    font-size:10px;
    font-style:italic;
    float: right;
}
.Inhalt2 {
    font-size:10px;
    font-family:Verdana;
    padding: 2px;
    float: left;
}
.linie_oben {
  position: absolute;
  clear:both;
  border-bottom-color: #2f2f2f;
  border-bottom-width: 1px;
  border-bottom-style:dashed;
  width: 96%;
}

Aus irgendeinem Grund zeigen FF und IE6 auch nicht das gleiche an, obwohl das ganze eigentlich valid ist
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück