✔ Mysteriöse Leerzeile im Termin-Kalender beim IE6

[sheeba1507]

Hallo zusammen,

in meinem Termin-Kalender hat sich ein mysteriöser Fehler eingeschlichen.
Ausschließlich im ersten Termin wird im IE6 eine Leerzeile erzeugt, deren
Ursprung nicht nachvollziehbar ist.

Der PHP-Code ...

<?php 
function give_style ($datum, $zeit, $titel, $ort, $web_link, $web_text) 
  { 
  return 
  ' 
  <div class="term_left"> 
    Datum : <b>'.$datum.'</b> 
  </div> 
  <div class="term_right"> 
    Uhrzeit : <b>'.$zeit.'</b> 
  </div> 
  <div class="term_text"> 
    <b>'.$titel.'</b><br /><br /> 
    '.$ort.'<br /><br /> 
    Weitere Infos unter : <a href="'.$web_link.'"   
      target="_blank">'.$web_text.'</a> 
  </div> 
  <p><br /></p> 
  ' 
  ; 
  } 

... 
... 
... 

  $query = "SELECT * FROM $dbank ORDER BY id limit {$query_string}"; 
  $result = mysql_query($query) or die("Fehler in SQL-Abfrage!"); 

  while($row = mysql_fetch_object($result)) 
    { 
    print give_style 
      ($row->datum, $row->zeit, $row->titel, $row->ort,  
      $row->web_link, $row->web_text); 
    } 
  ?>

... so wie der CSS-Code ...

.term_left {
  float: left;
  font-size: 14px;
  color: black;
  background-color: #FFDEAD;
  border-top: 1pt solid black;
  border-left: 1pt solid black;
  border-right: 1pt solid black;
  width: 360px;
  padding: 5px;
  }

.term_right {
  float: right;
  font-size: 14px;
  color: black;
  background-color: #FFDEAD;
  border-top: 1pt solid black;
  border-left: 1pt solid black;
  border-right: 1pt solid black;
  width: 379px;
  padding: 5px;
  }

.term_text {
  font-size: 15px;
  color: black;
  background-color: #FAF0E6;
  border: 1pt solid black;
  padding: 5px;
  clear: both;
  }

... ist vom Aufbau her zum Großteil identisch wie der des Gästebuches
und der News/Update.

Hier ist die Anzeige korrekt. Im FF ist die Anzeige der Termine ebenfalls
korrekt. Lediglich im IE6 erscheint diese Leerzeile.

An den Daten selbst kann es nicht liegen, denn wenn ich einen neuen
Termin eingebe, wird der vormals inkorrekt dargestellte Termin nun
korrekt dargestellt, dafür weist aber nun der neue Termin diese
Leerzeile auf.

Da ich sowohl mit der Fehlersuche als auch bald mit der Geduld am Ende
bin, hoffe ich, daß irgend jemand von euch hier etwas erkennt, was ich
übersehen haben könnte.

Tausend Dank im voraus.

Gruß, Mike

 

[MiNiMaG]

Könntest du mal bitte einen Screenshot machen?
Aus deiner Beschreibung kann man leider nicht erkennen, wo die Leerzeile ist (davor? danach?)
Oder noch besser wäre ein Link zum selberanschauen.

 

[sheeba1507]

Hier kommt man direkt zum Termin-Kalender :

http://www.csc-oldenburg.de/termin.php

Gruß, Mike

 

[Maik]

Hi,

der IE6 "verschluckt" sich an der margin-bottom-Deklaration für das h4-Element:

h4 {
  text-align: center;
  font-size: 16px;
  color: black;
  background-color: #FAF0E6;
  border: 1pt solid black;
  margin-bottom: 20px;
}

 

[sheeba1507]

Dann verstehe ich nicht, warum auf den anderen Seiten, in denen ich ebenfalls
"h4" für die Überschrift verwende, diese Leerzeile nicht auftritt.

Zum Vergleich schaut euch mal das Gästebuch und die New / Updates an.
Der Aufbau ist bis auf kleine Abweichungen identisch mit dem Termin-Kalender.
Aber hier wird keine Leerzeile erzeugt.

Gruß, Mike

 

[Maik]

Was kann man schon am IE rationell erklären?

Wenn ich die margin-bottom auskommentiere bzw. den Wert auf null setze, schliesst sich zumindenst die mysteriöse Lücke.

 

[sheeba1507]

Das Thema hat sich erledigt.
Nach Einfügung einer Text-Zeile zwischen Seiten-Überschrift und dem ersten
Termin ist die Leerzeile verschwunden. Warum, ist mir ein Rätsel.

Der Aufbau in den News ist fast identisch, jedoch wird hier keine Leerzeile
erzeugt, obwohl keine Textzeile eingebunden wurde.

Gruß, Mike