Master-X
Форум | Новости | Статьи
Главная » Форум » Программинг, Скрипты, Софт, Сервисы » 
Тема: Помогите с css
цитата
02/09/08 в 17:58
 ibiz
style="overflow: hidden" не работает в ИЕ, чем заменить?
цитата
02/09/08 в 19:13
 Corex
Отлично работает:
Код:
<div style="background-color:red;width:500px;height:2px;">
</div>

<br />

<div style="background-color:red;width:500px;height:2px;overflow:hidden;">
</div>


А для какого элемента применяется overflow:hidden? Код бы посмотреть...
цитата
02/09/08 в 20:11
 ibiz
ну вот так
Код:
<table><tr>
<td width="100%" nowrap="nowrap">
<div style="overflow: hidden">text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div>
</td>
</tr></table>
цитата
02/09/08 в 20:29
 Corex
А, понятно, для IE тут нет переполнения размера т.к. он не задан. Надо задать фиксированный размер, например так:

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <style>
   
   #content
   {
      overflow: hidden;
      width:expression(1==1 ? document.body.clientWidth : 0);
   }
     
   </style>
</head>

<body>
<table><tr>
<td width="100%" nowrap>
<div id="content">text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div>
</td>
</tr></table>
</body>
</html>
цитата
02/09/08 в 20:54
 ibiz
почти то, что нужно, но теперь для width="50%" не работает icon_rolleyes.gif
цитата
02/09/08 в 21:47
 brainstorm
Код:
<td width="100%" nowrap style="overflow:hidden">


Ви таки не там ходите.
цитата
02/09/08 в 21:59
 Corex
ibiz писал:
почти то, что нужно, но теперь для width="50%" не работает icon_rolleyes.gif

конечно, жыстокий хак, но работает:

width:expression(1==1 ? document.body.clientWidth/2 : 0);

icon_smile.gif


P.S. А идея вапще в чём? Чтобы как бы много текста в одной строке поместить и место сэкономить?
цитата
02/09/08 в 22:08
 ibiz
Corex писал:

P.S. А идея вапще в чём? Чтобы как бы много текста в одной строке поместить и место сэкономить?


в одной строке да, а если много текста, чтоб полоса прокрутки не появлялась и таблицы не растягивались на длину всего этого текста...


Эта страница в полной версии