помощ за CSS

[Soul_Stealler]

Имам следния css код:

.box {
    border-bottom:1px solid #C1BEBE;
	border-right:1px solid #C1BEBE;
	border-top:1px solid #C1BEBE;
	border-left:1px solid #C1BEBE;
	padding: 2px;
	background-color:#FFFFFF;
	cursor:pointer;
	height:17px;
	width:202px;
	text-align:left;
}

Има ли начин да се направи ако текста в див таг-а е по-дълъг от 202px тази кутийка да се разширява ?

 

[Pr0oF]

.box {
position: absolute;
width: auto;
min-width: 20px;
border:1px solid black;
}

Така?

 

[Soul_Stealler]

така запълва цялата таблица.

<tr>
        <td width="8%" class="row3">IP:</td>
        <td width="92%" align="left" valign="middle" class="row2">         
		 <div class="box" id="1">asdf</div>
		 </td>
      </tr>

Даже и да не е по-дълъг текста, div-a се разширява до към 700px :roll:

 

[mute]

виж тази тема
http://web-tourist.net/forum/viewtopic.php?t=3731

трябва да стане
<div style="height:17px; width:202px;">
<div style="height:17px; width:100%;">text here
</div>
</td>

 

[Soul_Stealler]

пак не се получава

 

[zaheto]

 .box {
   border: 1px solid #C1BEBE;
   padding: 2px;
   background-color:#FFFFFF;
   cursor:pointer;
   height:17px;
   width:100%;
   text-align:left;
}

така знам ,че не те устройва ама това в единствения начин