Jeremy: Mal wieder ein IE Darstellungs-Problem

Beitrag lesen

Moin,

Mahlzeit! ;)

(desshalb habe ich <table> genutzt).

Sprich mir nach:
"Ich werde NIE Tabellen für mein Layout missbrauchen!"

der IE dagegen weigert sich jedoch strickt, das <iframe> über die gesamte Höhe zu strecken.

WARUM NUR ????

Schauen wir mal. Erstmal zum Code:

[...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN">

Dieser DOCTYPE existiert nicht.

<html>
<head>
<title>Sample</title>
<script type="text/javascript">
function menue(chk)
         {
         var fs = document.getElementById('menue_' + chk.id);
         fs.style.display = (chk.checked) ? '' : 'none';
         }
</script>

Dafür brauchst du nicht wirklich eine Tabelle, oder? Das ließe sich VIEL eleganter mit Listen und/oder zur Not auch DIV-Containern lösen.

Außerdem sollte man *.style* nicht verwenden - eleganter wäre fs.class = 'unvis';

</head>
<body>
<table style="position:absolute;left:50%;margin-left:-49%;width:98%;height:98%;background:red;" border="1" cellpadding=0 cellspacing=0>

Wenn schon CSS, dann auch durchhalten:-> border: 1px solid black;

<tr style="height:25px;">
      <td style="width:10px;background:red;">
         <input type="checkbox" name="main_menue" value="ja" id="a1" onclick="menue(this);" checked=checked>

"Ja" ist ein denke ich ungeeigneter Bezeichner für diese Checkbox - aber das ist ja deine Sache und tut semantisch nichts zur Sache.

</td>
      <td style="background:green;" align="center">

Wie gesagt. Wenn schon, denn schon: text-align: center;

<font class=standard>Title</font>
      </td>
   </tr>
   <tr style="height:100%;">
      <td style="background:grey;" valign="top" align="center">

Ich denke, das sollte "gray" heißen, oder?
Wieder mal CSS nicht korrekt zu Ende gedacht: vertical-align: top; text-align: center;

<div id="menue_a1" style="border:0;width:140px;">
         <br><br>Auswahlmenü<br><br>Button_1<br><br>Button_2<br><br>Button_3<br><br>Button_4
         <br><br>Button_5<br><br>Button_6<br><br>Button_7<br><br>Button_8<br><br>
         </div>

Listen!

  
<ul id="menu">  
    <li>Menu1</li>  
    <li>Menu2</li>  
    <li>Menu3</li>  
</ul>

Später dann mit CSS formatieren.

</td>
      <td style="background:grey;" align="center">

background-color: gray; text-align: center;

<iframe src="scripte/administration.php" style="width:100%;height:100%;" frameborder="0"></iframe>

Jetzt zum eigentlichen Problem: füge mal ein position: absolute ein. Unter Umständen wird das iFrame dann korrekt angezeigt.
Ach ja: border: none; täte es auch im Style-Tag.

</td>
   </tr>
</table>
</body>
</html>

Freue mich über hilfreiche Antworten

Ich hoffe ich konnte helfen.

cu Pjotre

BG.