IE & FF ... problem z height=100%

shycat · Post autor: **shycat** » czw mar 04, 2010 3:19 pm

Witam, mam taki kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<style>
*
{
  margin: 0px auto;
  padding: 0px;
  color:yellow;
}
</style>
</head>

<body bgcolor="blue">

<br/><br/>








<table height="100%" width="950px" bgcolor="black">



<tr>
<td valign="top" height="100%">

<table width="100%" height="100%" >
<tr>

<td width="200" height="500" bgcolor="red">

abc


</td>

<td valign="top">

<table border="1" height="100%" width="100%">

<tr>
<td bgcolor="green">
linki
</td>
</tr>

<tr>
<td height="100%" bgcolor="gray">

abc<br/><br/><br/>

</td>
</tr>

</table>

</td>

</tr>
</table>

</td>



</tr>




</table>




</body>
</html>

I teraz... w FireFox'e szara ramka jest wysoka "do samego dolu" glownej tabeli... w IE ma wysokosc tylko taka, jaki wpisany w niej text, atrybut height="100%" kompletnie nie dziala... prosze o pomoc

knight-rider · Post autor: **knight-rider** » czw mar 04, 2010 8:06 pm

zdecyduj sie jak chcesz ustalac wartosci height, albo pixele albo %, nadales lewej komórce height 500 i spodziewasz sie ze inteligentne(!) IE to zalapie?

przestaw sie na divy, ponizej jedno z wielu gorszych najprosztych rozwiazan problemu za pomoca wysokosci stałych

Kod: Zaznacz cały

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<style>
*
{
  margin: 0px auto;
  padding: 0px;
  color:yellow;
}
</style>
</head>

<body bgcolor="blue">

<br/><br/>








<table width="950" bgcolor="black">
	<tr>
		<td valign="top" height="100%">
		
		<table width="100%" height="100%">
			<tr>
				<td width="200" height="500" bgcolor="red">
				abc
				</td>
				
				<td valign="top">
					<table border="1" width="100%">
						<tr>
							<td bgcolor="green" height="50">
							linki
							</td>
						</tr>
						
						<tr>
							<td height="450" bgcolor="gray">
							abc
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
		
		</td>
	</tr>
</table>
</body>
</html>

shycat · Post autor: **shycat** » pt mar 05, 2010 3:13 pm

problem tkwi w tym, ze w FF wszystko dziala ok ... w IE nie ... moze jest jakis hack na IE, ktory w prosty sposob sprawi, ze moj kod bedzie dzialal tak samo pod FF i pod IE ?

IE & FF ... problem z height=100%

IE & FF ... problem z height=100%

Re: IE & FF ... problem z height=100%

Re: IE & FF ... problem z height=100%