✔ div problem

[Freak2k]

Hallo,

folgender code:

<table padding="3" width="400" height="300" bgcolor="#EEEEEE" style="border: 1px solid #000000;">
 <tr height="90%">
  <td id="chatField" colspan="2">
   <div style="width:100%; height:100%; position:relative;padding:3px;overflow:scroll;border:1px solid #000000;">

   </div>
  </td>
 </tr>
 <tr height="10%">
  <td id="inputField" width="90%"></td>
  <td id="sendButton"></td>
 </tr>
</table>

Problem: die breite und die hoehe des div's werden im Firefox nicht richtig interpretiert.
Er geht ueber Zelle hinaus...
was kann man dagegen tun?

danke!

 

[Gumbo]

Das Problem ist die unterschiedliche Interpretation des CSS-Box-Modells, wobei der Internet Explorer im Gegensatz zu den anderen Browsern vom W3C-Standard abweicht.
Folgendes sollte Abhilfe schaffen:

<table width="400" height="300" cellspacing="3" style="border:thin solid">
	<tr height="90%">
		<td id="chatField" colspan="2" style="border:thin solid"><div style="width:100%; height:100%; overflow:scroll"></div></td>
	</tr>
	<tr height="10%">
		<td id="inputField" width="90%"></td>
		<td id="sendButton"></td>
	</tr>
</table>

 

[Freak2k]

aendert sich nichts...

aber in diesem fall zeigt der internet explorer es richtig an, der firefox aber nicht...

 

[Maik]

Probier mal Folgendes:

<table width="400" height="300" cellspacing="3" style="border:1px solid #000">
       <tr>
           <td id="chatField" colspan="2" style="border:1px solid #000;height:90%;"><div style="width:100%; height:100%; overflow:scroll"></div></td>
       </tr>
       <tr>
           <td id="inputField" style="width:90%;height:10%;"></td><td id="sendButton"></td>
       </tr>
</table>