kostenloser Webspace werbefrei: lima-city

CSS overflow:hidden beim IE

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   tueddel

   tueddel hat kostenlosen Webspace.

   17:04, 8.4.2010

   Hallo zusammen,
   
   hab da ein layouttechnisches Problem, was sich mal wieder auf den Internet Explorer bezieht. Im Firefox , etc. klappt alles wunderbar.
   Also was ich gemacht hab:
   Das war es am rechten Rand Termine aufzulisten.
   Dazu hab ich in meiner index.php erstmal mehrer divs, die die ganze Seite gliedern sollen. Für die Termine ist das
   

   <div id="termin">
               <?php include("termin/startTer.php"); ?>
     </div>

   
   Dazu gibt es noch diese css-Datei:
   

   #termin {
          position:absolute;
          top:220px;
          left:864px;
          z-index:3;
          min-width:146px;
          max-width:146px;
          min-height:320px;
          max-height:320px;
          font-size:8px;
          font-weight:bold;
          font-family: Verdana;
          overflow: hidden;
   }

   
   Hier steht wie man sieht auch overflow:hidden drin, doch genau das macht der Internet Explorer eben nicht. Er schreibt einfach über den Rand hinaus und überdeckt nacher andere Elemente auf meiner Seite. Ich würde gerne wissen, ob ihr eine Idee habt was ich falsch machen könnte.
   
   Hier noch mal die php-Datei aus der include
   

   <?php
     include("./system/datenbank-login.php");
     
     $sql = "SELECT * FROM termin WHERE Recht=0 AND Datum >= CURRENT_DATE ORDER BY Datum";
     $erg = mysql_query($sql);
     
     while ($data= mysql_fetch_array($erg)){
           $datum = explode("-",$data["Datum"]);
           $datum = $datum[2].".".$datum[1];
     		
     		$akt = getDate(time());
     		  		
   	   $html = "<div style=\"cursor:pointer\" class=\"clickable\" onClick=\"location.href='index.php?section=termin&id=".$data["Id"]."'\">
   	            <div style=\"float:left\">";
   	   $html.= $datum;
   	   $html.= "&nbsp;&nbsp;</div>
   	       		<div>";
   	   $html.= $data["Titel"];
   	   $html.= "</div>
   	       		</div>
   	       		<br />
   	       		<img style=\"width:150px;height:1px\" src=\"./home/img/0066CC.png\">";
          	     
           print($html);
     }
   ?>

   
   
   Wäre schön wenn ihr mir helfen könntet.
   
   

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. qap2

   

   qap2 hat kostenlosen Webspace.

   17:15, 8.4.2010

   Ich schätze schwer, dass der Internet Explorer eine genaue Größe des Div's benötigt, um alles korrekt anzeigen zu können.
   Sprich du musst noch die Attribute "width" und "height" hinzufügen, dann sollte es gehen.
   Wenn das keine Besserung verspricht schau ich nochmal genau drüber
   Gruß
   dex

4. barney

   

   barney hat kostenlosen Webspace.

   17:20, 8.4.2010

   Hallo,
   
   ich denke das Problem ist nicht das 'overflow:hidden;', sondern min-width, max-width, sowie min-height und max-height.
   Meines Wissens nach kann der IE das nicht.
   
   Da bei Dir die min- und max- Werte sowieso die selben sind, nimm lieber 'height:320px;' und 'width:146px'.
   
   
   Edit: War wohl jemand schneller X-)
   
   Beitrag zuletzt geändert: 8.4.2010 17:21:06 von barney
5. Autor dieses Themas

   tueddel

   tueddel hat kostenlosen Webspace.

   17:30, 8.4.2010

   hat alles wunderbar geklappt.
   
   Vielen dank für die schnelle hilfe

6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?