Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Ширина колонок в Ослике.
 
 автор: CBE4KuH   (11.09.2010 в 14:19)   письмо автору
 
 


<table border="1" cellpadding="0" cellspacing="0" width="100%">
    <tr>
        <td class="name">
            &nbsp;
        </td>
        <td width="160" align="right" valign="middle">
            &nbsp;
        </td>
    </tr>
</table>


Почему долбанный ослик делает первую ячейку маленькую согласно содержимому в виде пробела, а вторую растягивает, хотя там жестко задана ширина!

И здесь тоже ослик не правильно вычисляет ширину столбцов:

.left_shadow {
    width: 14px;
    background-image: url(../images/shadow/shadow_content_left2.png);
    background-repeat:repeat-y;
}
.main_workspace {
    background-color: #fff;
}
.news_workspace {
    background-color: #fff;
    width: 250px;
}
.right_shadow {
    width: 14px;
    background-image: url(../images/shadow/shadow_content_right2.png);
    background-repeat:repeat-y;
    background-position:left top;
}
.workspace_slice {
    width: 20px;
}
.left_bottom_shadow {
    width: 14px;
    height: 17px;
    background-image: url(../images/shadow/shadow_corner_content_left.png);
    background-repeat: no-repeat;
    background-position:right top;
}
.bottom_shadow {
    width: 14px;
    height: 17px;
    background-image: url(../images/shadow/shadow_bottom.png);
    background-repeat:repeat-x;
}
.right_bottom_shadow {
    width: 14px;
    height: 17px;
    background-image: url(../images/shadow/shadow_corner_content_right.png);
    background-repeat: no-repeat;
    background-position:left top;
}
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="workspace_table">
    <tr>
        <td class="left_shadow" height="700">
        </td>
        <td class="main_workspace">
            asdasd
        </td>
        <td class="right_shadow">
        </td>
        <td class="workspace_slice">
        </td>
        <td class="left_shadow">
        </td>
        <td class="news_workspace">
            asdasd
        </td>
        <td class="right_shadow">
        </td>
    </tr>
    <tr>
        <td class="left_bottom_shadow">
        </td>
        <td class="bottom_shadow">
        </td>
        <td class="right_bottom_shadow">
        </td>
        <td class="workspace_slice">
        </td>
        <td class="left_bottom_shadow">
        </td>
        <td class="bottom_shadow">
        </td>
        <td class="right_bottom_shadow">
        </td>
    </tr>
</table>

  Ответить  
 
 автор: sl1p   (11.09.2010 в 14:46)   письмо автору
 
   для: CBE4KuH   (11.09.2010 в 14:19)
 

что делает
class="name"
?

  Ответить  
 
 автор: CBE4KuH   (11.09.2010 в 15:05)   письмо автору
 
   для: sl1p   (11.09.2010 в 14:46)
 


.name {
    height: 140px;
    margin:0px;
    padding:0px;
    background-image: url(../images/name.png);
    background-repeat:no-repeat;
    background-position:left 60%;
}

  Ответить  
 
 автор: sl1p   (11.09.2010 в 17:11)   письмо автору
 
   для: CBE4KuH   (11.09.2010 в 15:05)
 

во-первых задавайте стили ширины для таблицы через аттрибут style, т.к. это более правильно, если не поможет то тогда задайте первой ячейке style="width:100%"

  Ответить  
 
 автор: CBE4KuH   (11.09.2010 в 17:13)   письмо автору
 
   для: sl1p   (11.09.2010 в 17:11)
 

А по поводу второй проблемы?

  Ответить  
 
 автор: CBE4KuH   (11.09.2010 в 17:14)   письмо автору
 
   для: sl1p   (11.09.2010 в 17:11)
 

Если писать style="width:100%;", то ослик игнорирует ширину второй ячейки в 160 пикселей! И не только ослик так делает, но и опера тоже!

  Ответить  
 
 автор: CBE4KuH   (11.09.2010 в 17:12)   письмо автору
 
   для: sl1p   (11.09.2010 в 14:46)
 

UP!!!! Тема актуальна! И сильно актуальна!

  Ответить  
 
 автор: CBE4KuH   (11.09.2010 в 17:48)   письмо автору
 
   для: CBE4KuH   (11.09.2010 в 17:12)
 

Тема закрыта! Разобрался. Надо было просто поставить style="table-layout: fixed;"

  Ответить  
 
 автор: mihdan   (13.09.2010 в 00:08)   письмо автору
 
   для: CBE4KuH   (11.09.2010 в 17:48)
 

Чушь. Для начала выставьте правильный Doctype.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования