Kleine Lücke im Design ?!

[Xeal87]

Hallo.
Ich habe in meine Page ein Script eingefügt, dass per zufallsgenerator Bilder aussucht und diese dann ausgibt. Dieses Bild verwende ich als Header in meinem Design. Seitdem ich dieses Script verwende, ist zwischen Header und Inhalt immer so eine kleine Lücke. Dies fiel mir aber erst sehr spät auf, da diese Lücke nur mit dem Internetexplorer Sichtbar ist (ich verwende Mozilla).
Wenn ich das Script weglasse, ist die Lücke nicht mehr da.
Hier mal der Quelltext vom Script:

 <?php

$ordner = "http://web21.p15143113.pureserver.info/xeal/zufall/banner/";

if (file_exists($ordner))
{
$zaehlen = -1;
$img = array();

$befehl = opendir("$ordner");
while ($datei=readdir($befehl))
{
if (is_file($ordner."/".$datei) and (eregi(".jpg", $datei) or eregi(".jpeg", $datei)
or eregi(".gif", $datei) or eregi(".png", $datei) or eregi(".bmp", $datei)))
{
$zaehlen++;
$img[$zaehlen] = $datei;
}
}

if ($zaehlen != -1)
{
srand((double)microtime()*1000000);
$zufall = rand("0", $zaehlen);

$size = getimagesize($ordner."/".$img[$zufall]);

echo "<img src=\"$ordner/$img[$zufall]\" $size[3]>";
}
else
{
echo "Keine Grafiken im Ordner \"$ordner\" hinterlegt! Dateiformate: jpg, jpeg, gif, png, bmp";
}
}
else
{
echo "\"$ordner\" ist nicht vorhanden. Bitte ändern!";
}

?>

Ich hoffe ich habe damit nicht gegen die Forenregeln verstoßen...
Achja, was vielleicht auch noch hilfreich sein könnte: die url: http://www.xeal.de
danke
cya

 

[Mark]

Hi!

Bin mir nicht sicher, ob's das ist, aber der IE fühlt sich wohler, wenn keine Leerzeichen zwischen TD und IMG Tag stehen:

<td width="591" height="169"> 
            <div align="center">
              <img src="banner/banner3.jpg" width="591" height="169">            </div>
          </td>

...enthält da aber so einige

 

[Xeal87]

ich weiss grad nicht genau was du meinst, sorry. kannst du mir das nochmal genau erklären ?

 

[Mark]

Hi!

Worauf ich hinaus wollte: es ist ein Unterschied, ob man:
<TR><TD>
<IMG ...>
</TD></TR>
oder
<TR><TD><IMG ...></TD></TR>
schreibt (oder von Php schreiben läßt).
Die Leerzeichen vor und nach dem Img "können" negativ interpretiert werden und somit das Layout zerlegen. Die zweite Variante schließt das aus...
-> ändere den Source-Code so, daß quasi alles in einer Wurscht dort steht (ohne Lücken oder Zeilenumbrüche).

 

[Xeal87]

hm, ok ich versuchs mal. du meinst ja nicht in dem script oder ?

 

[Fabian H]

Also, zwei Sachen:

1.: Du hast deine Tabellen-Zelle:

<td class="lala"></td>

In die Schreibst du dann per Script eine IMG-Tab mit zufälliger Adresse hinein.
Was aber dann so aussieht:

<td class="lala">
      <img src="zufall.png" border="0" alt="zufallsbild">
   </td>

Hier interpretiert der Internet Explorer aber die Leerzeichen etwas empfindlich,
was heißt, dass diese zu einem Spalt führen.

2.: Du hast zusätzlich in die Zelle noch einen Div-Tag eingefügt, um das Bild zu
zentrieren.
Das ist in dem Fall nicht grad das Beste, besser ist mit CSS direkt die
Eigenschaft in die Zelle zu schreiben:

<td style="text-align:center;"><img src="zufall.png" border="0" alt="lala"></td>

Und nochwas: Dein PHP-Stil ist nicht grad der Beste!
Beispiel:
eregi(".png", $datei)
1.: ereg ist langsam und veraltet. preg_match ist besser.

2.: Was machst du, wenn die Datei z.B. bild.png.txt heißt?
Es gilt also, nur die Endung zu finden, was du mit strrchr erreichen
kannst!

Ps: Die überlange Zeile ist auch nicht so schön...

 

[Xeal87]

Das ist gar nicht mein php stil, sondern der von Pippiprinz.de *g*
Der hat da so n "tutorial" für zufallsbilder online gestellt.
Naja ich schau ma ob ichs hinbekomm

 

[Xeal87]

Dankeschön, hat geklappt.