не задается высота в ячейке в IE

ster · June 28, 2010

<TD width="180" height="10" vAlign=top nowrap bgcolor="#ffe6ff"> меню 1

</TD>

<pre>

текст текст текст текст текст текст текст текст текст текст

</pre>

</TD>

</tr>

<tr>

<TD width="180" height="20" vAlign=top align=left nowrap bgcolor="#d8feff" > меню 2

</TD>

</tr>

<tr>

<TD width="180" height="30" vAlign=top align=left nowrap bgcolor="#dffec2" >меню 3

</TD>

</tr>

<tr>

<TD width="180" vertical-align="top"> меню 4

</TD>

</tr>

</table>

</center>

Verder · June 28, 2010

Сверху есть кнопка "Код".

Высота каких ячеек?

ster · June 28, 2010

Сверху есть кнопка "Код".
Высота каких ячеек?

высота ячеек "меню 1","меню 2", "меню 3" соответственно 10, 20 и 30

Verder · June 28, 2010

высота ячеек "меню 1","меню 2", "меню 3" соответственно 10, 20 и 30

А заключить все в <table></table> не пробовал?

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TD height</title>
</head>

<body>

<table>

<!-- левое меню 1 -->

<TD width="180" height="10" vAlign=top nowrap bgcolor="#ffe6ff"> меню 1 
</TD>

<!-- конец левого меню 1-->
<!-- основная часть-->

<TD width="620" rowspan="4" vAlign=top align=center > 

<pre>
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 


</pre> 


</TD>
</tr>

<!-- конец основной части-->

<!-- левое меню 2 -->

<tr> 
<TD width="180" height="20" vAlign=top align=left nowrap bgcolor="#d8feff" > меню 2 
</TD>
</tr>

<!-- конец левого меню 2--> 

<!-- левое меню 3 -->

<tr> 
<TD width="180" height="30" vAlign=top align=left nowrap bgcolor="#dffec2" >меню 3 
</TD>
</tr>

<!-- конец левого меню 3-->

<!-- левое меню 4 -->

<tr> 
<TD width="180" vertical-align="top"> меню 4 
</TD>
</tr>

<!-- конец левого меню 4--> 


</table>
</center>

<!-- конец 3 таблицы -->



</body>
</html>
</table>

ster · June 28, 2010

вот полный код страницы

<Html>

<HEAD>

</HEAD>

<body>

<tr>

<TD width="180" height="10" vAlign=top nowrap bgcolor="#ffe6ff"> меню 1

</TD>

<pre>

текст текст текст текст текст текст текст текст текст текст

</pre>

</TD>

</tr>

<tr>

<TD width="180" height="20" vAlign=top align=left nowrap bgcolor="#d8feff" > меню 2

</TD>

</tr>

<tr>

<TD width="180" height="30" vAlign=top align=left nowrap bgcolor="#dffec2" >меню 3

</TD>

</tr>

<tr>

<TD width="180" vertical-align="top"> меню 4

</TD>

</tr>

</table>

</center>

</body>

</Html>

в мозиле все нормально работает а IE вытягивает все левые ячейки равномерно

Verder · June 28, 2010

Забудь про таблицы.

На:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>menu_height</title>

<style type="text/css">

#wrap {
	width:800px;
	margin: 0 auto;
}

#left-wrap {
	width: 180px;
	float:left;
	margin-top:15px;
}

#right-wrap {
	width:600px;
	float:left;

}

#right-wrap-inside {
	padding: 15px;
}

.left-ins-top {
	width:180px;
	height:10px;
	background-color:#ffe6ff;
	padding-bottom:5px;
	vertical-align:top;
}

.left-ins-middle {
	width:180px;
	height:20px;
	background-color:#d8feff;
	padding-bottom:5px;
	vertical-align:top;
}

.left-ins-bottom {
	width:180px;
	height:30px;
	background-color:#dffec2;
	padding-bottom:5px;
	vertical-align:top;
}

.left-ins-down {
	width:180px;
	padding-bottom:5px;
	vertical-align:top;
}


p {
	margin:0;
	padding:0;
}






</style>

</head>

<body>

<div id="wrap">
<div id="left-wrap">
<div class="left-ins-top">Menu 1
</div>
<div class="left-ins-middle">Menu 2
</div>
<div class="left-ins-bottom">Menu 3
</div>
<div class="left-ins-down">Menu 4
</div>
</div>
<div id="right-wrap">
<div id="right-wrap-inside">
<p>
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
</p>
</div>
</div>
</div>




</body>
</html>

ster · June 28, 2010

вроде чтото начинает получаться. спасиба

Sign In

не задается высота в ячейке в IE

Question

ster

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Verder

Link to comment

Share on other sites

ster

Link to comment

Share on other sites

Verder

Link to comment

Share on other sites

ster

Link to comment

Share on other sites

Verder

Link to comment

Share on other sites

ster

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information