[Bookworm]

Neues Problem
Moin moin
ich hab mal wieder ein Problem und steh vor ner Wand... Vll passt das besser ins CSS Forum, aber wenn ich hier schon son Sammelthread habe^^

Also, guckt euch das hier mal an: Klick mich ich bin ein Link!

Fällt euch bei der ersten News was auf? Ganz recht, da rutscht auf einmal Text von der darauffolgenden News rein. Das passiert aber immer nur dann, wenn ich ein Bild verwende...
Da diese Sache irgendwie recht besch...eiden ist, wüsste ich gern, wie ich das weg kriege... Ich hab schon mit allen Float-Varianten rumgespielt, den Erfolg seht ihr ja...
Quelltext der betreffenden Datei:

PHP-Code:

<?php

    $query = "SELECT id, titel, autor, email, news, rubrik, url, bild, DATE_FORMAT(date, 'am %e.%c.%Y um %k:%i Uhr') as datum FROM news ORDER BY date DESC LIMIT 10";
    $sql = mysql_query($query);
    
    while($ds = mysql_fetch_object($sql))
    {
        $newsid = $ds->id;
        $title = formate($ds->titel);
        $newstitel = $ds->titel;    
        $author = $ds->autor;
        $email = $ds->email;
        $news = formate($ds->news);
        $rubrik = $ds->rubrik;
        $url = $ds->url;
        $bild = $ds->bild;
        $date = $ds->datum;
        
        $QUERY = "SELECT COUNT(*) FROM kommentare WHERE newsid = '$newsid'";
        $SQL = mysql_query($QUERY);
        $zahl = mysql_result($SQL, 0);
        
    
    
    echo "<div style='width: 100%; background-color: #FF6600; float: right; -moz-border-radius:10px; padding-left: 3px; margin-bottom: 3px;'><big><b>$rubrik <img src='arrow.gif'> $title</b></big><br>";
    echo "<small style='font-size: 11;'> Geschrieben von <a href='mailto: $email'>$author</a> $date</small></div><span style='font-size: 3;'><br></span>";
    
    
        if(!empty($bild))
        { 
        echo "<img src='$bild' style='float: right;'>";
        }
         
    echo "$news<br>";
    echo "<hr style='border-color: black; width: 100%; float: left;'>";
    ?>
    <script type="text/javascript">
    function FensterOeffnen (Adresse) {
    Fenster1 = window.open(Adresse, "Kommentare", "width=400, height=500, scrollbars=yes");
    Fenster1.focus();
    }
    </script>
    <span style="float: left;">
    <?php
    echo "<div style='text-align: left; width: 50%; float: left;'>Quelle: <a href='$url' target='self'>$url</a></div> ";
    echo "<div style='text-align: right; float: right;'><span style='float: right;'><a href='http://www.the-bookworm.de/try/kommentare.php?newsid=$newsid' onclick='FensterOeffnen(this.href); return false'>$zahl Kommentare</a></span></div><br><br>";
    echo "</span>";
    }
    
?>

Ihr seht ja die if-Abfrage, in der das Bild nur dann eingebunden wird, wenn man eine URL angeben hat...

Also, mein Latein ist zu Ende und bevor ich mir den Qeelltext ruiniere, frag ich besser euch. Schnelle Hilfe wäre schööön

Gruß
Booki

[ljungi]

Bei mir sieht alles normal aus...
Oder bin ich blind?

Nutze den FF

[Bookworm]

Den benutze ich doch^^
Lustigerweise besteht das Problem im IE (7 - Beta) nicht, Opera (9) macht aber genau dasselbe wie der Firefoix und zieht den Inhalt in die falschen News

[ex³]

Da ist Bild is float: left/right und geht halt in die anderen Boxen du solltest irgendnem element clear: both geben damit das floaten dann ein Ende hat.

[Bookworm]

klappt nedd, egal wo ichs hinbaue...
zeigt mir mal wohin das muss, bei mir tuts sowohl vor dem einbinden der news als auch direkt nach dem bild nicht...

[$traight-$hoota]

hm also du solltest deinen css code mal generell überarbeiten. die kombination aus lokalen und globalen sheets sollte man zb nur in ausnahmefällen verwenden.
und auch der rest sieht teilweise ein bischen komisch aus...
also wenn du den css code mal überarbeitest, sollte sichd as problem auch von alleine lösen....

[Ben]

Zitat von Bookworm

Neues Problem
Moin moin
ich hab mal wieder ein Problem und steh vor ner Wand... Vll passt das besser ins CSS Forum, aber wenn ich hier schon son Sammelthread habe^^

Neues Problem. Neuer Thread.
Ganz einfach.

Die Beiträge wurden von mir verschoben.

[Bookworm]

Ah ok... hatte mich schon gewundert...

Hm da überarbeite ich das CSS eben nommol...

[Bookworm]

So, Zeug überarbeitet, und ein neues Problem erhalten (es lebe die 5. Regel von Murphys Gesetz!).
Guckst euch nommol an (link im ersten beitrag), bei mir rutscht jetzt zwar kein Text mehr hoch, aber der FF weigert sich plötzlich an manchen Stellen eine hr zu zeichnen, und die divs mit dem titel nehmen plötzlich wirre längen an, obwohl ich im css eindeutig width: 100% definiert habe...

Irgendwelche Ideen worans liegen könnte? Hab nämlich keinen Plan und hab sogar schon aus Frust das CSS nach w3c standard validiert... Fortschritt war gleich null

gruß
booki

[Ben]

Zitat von Bookworm

der FF weigert sich plötzlich an manchen Stellen eine hr zu zeichnen

Das ma komisch.
Mal wird es dargestellt, wie in der ersten Nachricht auf der Seite und mal nicht, wie z.B. in der zweiten.

Joa ...
Was ist denn, wenn du den <span>-Bereich da mal wegnimmst bzw. das float:left; mal rausnimmst?

[Bookworm]

//Edit: Hat sich geklärt. Hatte beim "ausputzen" ein codeteil vergessen, der jetzt keienn Abschluß mehr hatte... Problem scheint vorerst gelöst