• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Darstellung im IE

B

Bieber

New member
Morgen,

ich scheitere (mal wieder) am Internet Explorer. Er stellt meinen angegebenen Außenabstand eines <div>-Elements nicht korrekt dar, im nächsten Funktioniert es dann aber wieder.... Der Firefox macht alles richtig

die Seite hab ich mal schnell hochgeladen
Stundenplansoftware

hier die css-Datei
Code: 
body
{
  margin: 0;
  padding: 0;
  font: 85% arial, hevetica, sans-serif;
  background:#a8cff0; font-size:90%;
  text-align: center;
}
#container
{
  background:#FFF;
  border:4px solid #ecf3f9;
  padding:2em;
  margin: 1em auto;
  width:50em;
  height:40em;

}

/*###################*/
/* Beginn Navigation */
/*###################*/
#navi, #navi ul { list-style:none; margin-left:0; padding:0; } /* Style-Reset */
#navi li { width:140px; float:left; } /* Horizontale Anordnung */

#navi li ul { display:none; } /* Normalzustand eingeklappt */
#navi li:hover ul { display:block; } /* Ausgeklappt */

/*#######################*/
/* Design der Navigation */

#navcontainer { height:50px; margin-left:1em;float:left; }

#navi { position:absolute; }
#navi li { border:1px solid #000; margin:0 32px 0 0; }
#navi ul li { border:none; margin:0; }

#navi a { font-weight:bold; text-align:center; display:block; padding:0.1em; }
#navi a:link, #navi a:visited { color:#FFF; background:#a8cff0; text-decoration:underline; }
#navi a:active, #navi a:hover { color:#000; background:#FFF; text-decoration:none; }


#content
{
  clear:both;
  border:1px solid #676767;
  margin:1em;
}
#status
{

  height: 30px;
  border:1px solid #676767;
  margin:1em 1em 0 1em;
}
#week-overview
{
  height:300px;
  border:1px solid #676767;
  margin-left: 1em ;
  margin-right: 1em ;
  margin-bottom : 1em ;

}
#week-overview table{
  width:100%;
}
#week-overview td{
  text-align:left;
  width:11%;
  height:20px;
  padding:3px;
  border-bottom:1px dashed #888;
  border-left:1px dashed #888;
}

hier die html
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<head>
  <title>Stundenplansoftware</title>
  <link rel="stylesheet" type="text/css" href="ba.css">
   <!--[if IE]>
     <style type="text/css" media="screen">
       #navcontainer {float:left;}
     </style>
   <![endif]-->

   <!--[if lt IE 7]>
     <style type="text/css" media="screen">
       body {behavior: url(csshover.htc); font-size: 100%;}
       #navcontainer ul li a {height: 0.7%;}
     </style>
   <![endif]-->
</head>
<body>
<div id="container">
  <div id="navcontainer">
    <ul id="navi">
    <li><a href="#">Datei</a>
      <ul>
        <li><a href="#">speichern</a></li>
        <li><a href="#">export</a></li>
        <li><a href="#">beenden</a></li>
      </ul>
    </li>
    <li><a href="#">Funktionen</a>
      <ul>
        <li><a href="#">Gruppe teilen</a></li>
        <li><a href="#">Gruppe verbinden</a></li>
        <li><a href="#">Tag auswählen</a></li>
      </ul>
    </li>
    <li><a href="#">blabla</a>
      <ul>
        <li><a href="#">blubb</a></li>
        <li><a href="#">ja</a></li>
        <li><a href="#">ne</a></li>
      </ul>
    </li>
    <li><a href="#">Impressum</a></li>
   </ul>

  </div>        <!-- close navcontainer -->
  <div id="content">
    <div id="status">

      Woche:
      <select name="woche">
        <option selected>1</option>
        <option>2</option>
        <option>...</option>
        <option>52</option>
      </select>
      Monat:
      <select name="monat">
        <option selected>Jan</option>
        <option>Feb</option>
        <option>...</option>
        <option>Dez</option>
      </select>

      Kurs IK05
    </div>                           <!-- close status -->
    <div id="week-overview">
    <table style="border-collapse:collapse;">
     <tr>
       <td>Zeit <font size="1">extend</font></td>
       <td>Mo</td>
       <td>Di</td>
       <td>Mi</td>
       <td>Do</td>
       <td>Fr</td>
       <td>Sa</td>
     </tr>
     <tr><td>8:00-9:30</td><td><span style="float:left;">Recht</span><span style="float:right;">227</span></span></td><td></td><td></td><td></td><td></td><td></td></tr>
     <tr><td>9:45-11:15</td><td><span style="float:left;">Recht</span><span style="float:right;">227</td><td><span style="float:left;">Recht <span style="color:#FF0000;">K</span></span><span style="float:right;">227</span></td><td></td><td></td><td></td><td></td></tr>
     <tr><td>11:30-13:00</td><td><span style="float:left;">Recht</span><span style="float:right;">227</td><td></td><td></td><td></td><td></td><td></td></tr>
     <tr><td>13:30-15:00</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
     <tr><td>15:15-16:45</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
     <tr><td>17:00-18:30</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
     <tr><td>18:45-20:15</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
     <tr><td>20:30-22:00</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>

    </table>





    </div>      <!-- close week-overview -->
  </div>        <!-- close content -->
  

</div>          <!-- close container -->
</body>
</html>

das ist meine erste Seite die ich für IE und FF mache, vorher alles nur für den FF, habe auch schon zu dem thema gegoogelt, aber außer den whitespace-bug hab ich zur Positionierung im IE nichts gefunden, ich verstehe auch nicht wieso es in einem div-Element klappt und in den anderen nicht :(

wäre sehr nett wenn mal jm. drauf schauen könnte, das "falsch" dargestellte div ist #status, es soll nach oben, rechts und links 1em abstand haben, macht der IE aber nicht :(
 
buff das sind ja mal krass viele Fehler... danke für den Link, das kannte ich nicht, lasse bisher nur firebug mitlaufen, und das gibt mir keine Fehler aus, werde mal alles korrigieren und hoffe, dass da der Fehler liegt

die Positionierungen sind noch von anderen Test´s drinne, muss sie mal rausnehmen, aber das sollte doch eigentlich nicht relevant sein... oder doch?!

ich werds testen, vielen Dank


edit: es lag wirklich an den floaten.... hab zwar jetzt einen anderen Fehler in der Darstellung^^ aber den find ich bestimmt selbst, thx
 
Zuletzt bearbeitet:
Aus irgendeinem Grund hat es sich in einigen Köpfen festgesetzt, dass Tabellen überhaupt nicht mehr das Mittel der Wahl sind. Das trifft aber nur für das Seiten-Layout zu, nicht jedoch für Daten. In meinen Augen ist so ein Stundenplan ein klassischer Einsatzort für eine Tabelle; das Tabellen-Layout wird natürlich auch mit CSS formatiert.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben