Странный баг
1594 сообщения
#16 лет назад
Есть таблица<table>
<tr>
<td id="first"></td><td id="second"></td><td id="third"></td>
<td><input type="checkbox" /></td>
</tr>
<tr>
<td class="first">Амортизатор кабины задний вертикальный</td>
<td><input type="text" value="12" /></td>
<td>45000р</td>
<td><input type="checkbox" /></td>
</tr>
<tr>
<td>Амортизатор кабины задний вертикальный</td>
<td><input type="text" value="1" /></td>
<td>45000р</td>
<td><input type="checkbox" /></td>
</tr>
<tr>
<td>Амортизатор кабины задний вертикальный</td>
<td><input type="text" value="1" /></td>
<td>45000р</td>
<td><input type="checkbox" /></td>
</tr>
<tr class="lost">
<td colspan="3">
Итого: 14 товаров
</td>
<td>
<input type="checkbox" />
</td>
</tr>
<tr>
<td colspan="4">
Итого к оплате:<strong>250000р</strong>
</td>
</tr>
</table>
Есть CSS
table
{
width: 690px;
}
table tr
{
width: 690px;
border-bottom: 1px solid #ccc;
height: 35px;
}
table tr td#first{ width: 370px; }
table tr td#second { width: 140px; }
table tr td#third { width: 105px; }
Вопрос: почему у меня первая колокнка самая узкая?
2195 сообщений
#16 лет назад
В каком браузере и какой DOCTYPE?
1594 сообщения
#16 лет назад
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">Браузеры - все
2195 сообщений
#16 лет назад
table {table-layout:fixed}1594 сообщения
#16 лет назад
+ ещё вопрос: страница везде открывается норм, а в IE - грузится бесконечно.... Почему? а странице кром html ничего нет (Flash, JS и т.д)
2195 сообщений
#16 лет назад
По умолчанию от контента отталкивается, значение fixed - на заданную ширину.Цитата:
+ ещё вопрос: страница везде открывается норм, а в IE - грузится бесконечно.... Почему? а странице кром html ничего нет (Flash, JS и т.д)не вижу такого
1594 сообщения
#16 лет назад
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
<head>
<title>Вёрстка</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<meta name="Author" content="Anexroid" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="all">
<div id="header">
<a href="#"><img src="./image/logo.png" id="logo" /></a>
<div id="top_text">
<span class="telefon">+7 (495) <big>956-28-76</big></span>
<ul>
<li id="active"><a href="#">О компании</a></li>
<li><a href="#">Партнёры</a></li>
<li><a href="#">Продукция</a></li>
<li><a href="#">Контакты</a></li>
<li class="last"><a href="#">заявка online</a></li>
</ul>
</div>
</div>
<div id="top"></div>
<div id="content">
<div id="left">
<div id="top_center">
<h3>Компания Miral сегодня</h3>
<p>
Conversion rate, не меняя концепции, изложенной выше, отталкивает коллективный product placement, оптимизируя бюджеты. Создание приверженного покупателя, суммируя приведенные примеры, методически стабилизирует сублимированный имидж, повышая конкуренцию. Не факт, что маркетингово-ориентированное издание категорически концентрирует потребительский рынок, опираясь на опыт западных коллег. Раскрутка отражает рыночный медиавес, оптимизируя бюджеты.
</p>
</div>
<div id="bottom_center">
<table class="news">
<tr height="55">
<td><a href="#">Комплектующие для остекления балконов и лоджий<br /><img src="./image/img.png" alt="Картинка 1" class="bottom"></a></td>
<td><a href="#">Комплектующие для производства шкафов-купе<br /><img src="./image/img2.png" alt="Картинка 2" class="bottom"></a></td>
<td><a href="#">Комплектующие для перил и ограждения<br /><img src="./image/img3.png" alt="Картинка 3" class="bottom"></a></td>
<td><a href="#">Алюминиевые порожки<br /><img src="./image/img4.png" alt="Картинка 4" class="bottom"></a></td>
<td><a href="#">Чертёжный профиль<br /><img src="./image/img5.png" alt="Картинка 5" class="bottom"></a></td>
</tr>
</table>
</div>
</div>
<div id="right">
<div id="informer">
<span class="informer"><strong>USD ЦБ</strong> 33,4507 <span class="increase">+0,0620</span></span><br />
<span class="informer"><strong>Аллюминий</strong> 1472,00 <span class="increase">+21,00</span></span>
</div>
<img id="banner" src="./image/banner.png" alt="место для баннера"/>
</div>
</div>
<div class="clear"></div>
<div id="footer">
<div id="adress">115409, Россия, г. Москва, ул. Москворечье, д.47</div>
<ul id="foot_menu">
<li><a href="#">О компании</a></li>
<li><a href="#">Партнёры</a></li>
<li><a href="#">Продукция</a></li>
<li><a href="#">Контакты</a></li>
<li class="last"><a href="#">заявка online</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
1594 сообщения
#16 лет назад
html *
{
margin: 0;
padding: 0;
border: none;
}
body
{
margin: 0px auto;
width: 1000px;
height: 920px;
background: url("./image/gray.png") top left repeat-x;
}
#all
{
width: 980px;
height: 918px;
margin: 0px auto;
}
.clear
{
clear: both;
}
#header
{
width: 980px;
height: 130px;
background: url("./image/head_back.png") top center no-repeat;
}
#logo
{
position: relative;
width: 95px;
height: 75px;
margin-left: 36px;
margin-top: 31px;
float: left;
}
#top_text
{
position: relative;
width: 675px;
height: 50px;
margin-top: 50px;
margin-left: 145px;
float: left;
}
ul
{
display: block;
margin-left: 175px;
float: right;
height: 50px;
width: 490px;
margin-top: -25px;
font-family: "Arial Narrow";
font-size: 0.7em;
font-weight: bold;
text-transform: uppercase;
}
li
{
list-style-type: none;
display: block;
border-right: 1px solid #fff;
padding-top: 5px;
padding-left: 15px;
padding-right: 15px;
height: 30px;
float: left;
}
li.last
{
border-right: none;
}
li#active
{
background: url("./image/button.png") top center no-repeat;
}
a
{
color: black;
text-decoration: none;
}
li#active a
{
color: white;
}
.telefon
{
font-family: Arial;
font-size: 14px;
color: #000;
}
.telefon big
{
font-size: 22px;
}
#top
{
position: relative;
width: 980px;
height: 280px;
z-index: 3;
background: url("./image/top_back.png") top center no-repeat;
}
#content
{
position: relative;
width: 925px;
height: 485px;
z-index: 2;
margin: 0 auto;
margin-top: -100px;
}
#left
{
width: 725px;
height: 485px;
float: left;
overflow: hidden;
}
#right
{
width: 190px;
height: 485px;
float: right;
background: url("./image/right.png") top center no-repeat;
}
#top_center
{
margin-top: -60px;
width: 725px;
height: 320px;
background: url("./image/back_top_center.png") top center no-repeat;
z-index:1;
}
#bottom_center
{
margin-top: -20px;
width: 725px;
height: 300px;
background: url("./image/back_center.png") top center repeat-x;
z-index:0;
}
h3
{
display: block;
position: relative;
font-family: Arial;
font-size: 18px;
margin-left: 20px;
color: black;
top: 150px;
height: 20px;
}
p
{
position: relative;
margin-left: 20px;
text-align: left;
font-family: Arial;
font-size: 11px;
top: 180px;
width: 685px;
}
table
{
margin-left: 20px;
margin-top: 30px;
width: 685px;
height: 185px;
border: none;
}
table td
{
color: #008dcf;
width: 130px;
font-family: Arial;
font-size: 11px;
text-decoration: underline;
vertical-align: top;
}
table td a { color: #008dcf; }
table td img
{
border: 2px solid gray;
}
#informer
{
position: relative;
margin-left: 20px;
margin-top: 100px;
}
.informer
{
font-family: Arial;
font-size: 11px;
color: #004369;
}
.increase
{
color: green;
}
.decrease
{
color: red;
}
#banner
{
display: block;
position: relative;
margin-left: 20px;
margin-top: 70px;
width: 150px;
height: 255px;
}
#footer
{
position: relative;
margin-top: 25px;
}
#adress
{
position: relative;
font-family: Arial;
font-size: 11px;
color: #595959;
margin-top: 60px;
margin-left: 60px;
}
#foot_menu li
{
border-color: #b9b9b9;
}
.bottom
{
position: absolute;
bottom: 20px;
}
1594 сообщения
#16 лет назад
Во всех браузерах открывает норм, а в ие не грузит графическую информацию
5330 сообщений
#16 лет назад
А в исходной таблице считается нормальным, когда число ячеек в каждой строке разное, но ничего не объединено?
1594 сообщения
#16 лет назад
Цитата ("ArtPro"):А в исходной таблице считается нормальным, когда число ячеек в каждой строке разное, но ничего не объединено?
Хм... не понял о чём вы...
Везде одинаково - по 4...
Где надо - colspan стоит