Internet Explorer 7 kümmert sich nicht um CSS height?

[SomeDay]

Hallo Leute,

ich habe eine Frage, und zwar erstmal der Link zur Seite:

http://www.mdorf.info/projects/hhvm/service_login.php

Ich habe dort alle Felder, bis auf die mit dem Content, damit dieses unendlich lang werden könnte, mit height im style-Tag definiert. Leider kümmert sich der Internet Explorer 7 sich nichtt darum und wiederholt oben das Logo fast.

Hat einer eine Idee woran das liegen könne?

Ciao
Someday

 

[teccco]

Hallo,

die einzige Hilfe, die ich dir hier anbieten kann, ist zu sagen, dass es bei mir im IE7 komplett richtig aussieht.

Vielleicht kannst du den Effekt noch genauer erklären?

MfG, teccco

 

[Layna]

Hallo.
Also, erstens: bei mir im IE7 sieht es auch richitg aus.
Zweitens: Ich habe dafür bei einer von MIR erstellten Seite das gleich phänomen beobachtet!

height: 20px;

als Eigenschaft sowohl einer tr als auch einer td wird vom IE7 total ignoriert (auf 6 konnte ich nicht testen, FF zeigt es richtig an).
Alles sehr merkwüdig....

PS:
Habe jetzt die Seite auf der ich das habe soweit aufgeräumt... das phänomen tritt bei folgendem Aufbau auf (sowohl die untere als auch die obere tabellenzeile werden größer als sie sein sollten, die mittlere wird gerade so groß wie der inhalt es braucht):

<table id="layout">

 <tr id="head">    
  <td rowspan="2" class="logoholder"><img src="finallogo.jpg" alt="Logo" height="166" width="222" style="border-top: 80px solid #797979;" /></td>
  <td class="middle">
  	<div id="nav">    
  		<a href="#">Link 1</a>   		
  		<a href="#">Link 2</a>		
  		<a href="#">Link 3</a>		
  		<a href="#">Link 4</a>
  		<a href="#">Link 5</a>
  		<a href="#">Link 6</a>
  	</div>
  </td>
  <td class="right"></td>
 </tr>
 <tr id="main">
  <td class="middle">Und wenn ich hier was schreibe?</td>
  <td class="right"></td>
 </tr>
 <tr id="foot">
  <td class="left"></td>
  <td class="middle"></td>
  <td class="right"></td>
 </tr>

</table>

Betreffendes CSS:

#layout {
	border: 10px groove Gray;
	empty-cells: show;
	width: 100%;
	height: 100%;
	background-color: #414141;
	border-collapse: collapse;
}

#layout td {
	border: 1px solid black;
}

#head {
	height: 175px;
	min-height: 175px;
	max-height: 175px;
	vertical-align: bottom;
}

#main {
}

#foot {
	height: 100px;
}

.left {
	width: 180px;
}

.middle{
		width: 700px;
}

#head .left {
	height: 20px;
}