Объясните, как и почему "плывут" столбцы в таблице.

Eirene · February 14, 2008

Не пойму - от чего в Мозилле (2.0) происходит такая вещь: http://www.fbf.ru/zlatopek/ovs.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><title>Златопек</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link href="styles.css" rel="stylesheet" type="text/css"></head>
<body>
<div class="main">
	<div id="back"><<<a href="http://www.fbf.ru/"> на главную</a></div>
	<div id="logo" align="center"><img src="img/logo.gif"></div>
	<div id="logo2" align="center"><img src="img/slogan.gif"></div>

	<center><img class="p" src="img/polosa.gif"></center>
			<table class="small" align="center">
				<tr>
					<td class="sm" rowspan="6" valign="top">
					<div id="leftText"><br/>ЗАО "Первая Бисквитная Фабрика", 


					предприятие группы <a style="color:#B7202E" href="http://www.lacom.com">"Лаком"</a> 


					представляет новые продукты под 



					новой торговой маркой "Златоп?к". 


					Златоп?к - это выпеченные 


					сладости золотыми руками наших 


					кондитеров-профессионалов. 


					Богатое вкусное печенье и другие 


					сладости, с натуральными 



					добавками и произведенные по 


					современным инновационным 


					технологиям. "Златоп?к" - радость 


					в упаковке!</div></td>
					<td class="smMiddle"><img src="img/ovs_1.gif"></td>
					<td class="rText">Печенье "Златоп?к"

овсяное классическое

Вес упаковки 240 грамм
					</td>

				</tr>
				<tr>
					<td class="smMiddle"><img src="img/ovs_2.gif"></td>
					<td class="rText">Печенье "Златоп?к"

овсяное с изюмом

Вес упаковки 240 грамм</td>
				</tr>
				<tr>
					<td class="smMiddle"><img src="img/ovs_3.gif"></td>

					<td class="rText">Печенье "Златоп?к"

овсяное топленое молоко

Вес упаковки 240 грамм</td>
				</tr>
				<tr>
					<td class="smMiddle"><img src="img/ovs_4.gif"></td>
					<td class="rText">Печенье "Златоп?к"

овсяное с миндал?м

Вес упаковки 240 грамм</td>
				</tr>

				<tr>
					<td class="smMiddle"><img src="img/ovs_5.gif"></td>
					<td class="rText">Печенье "Златоп?к"

овсяное с кусочками шоколада

Вес упаковки 240 грамм</td>
				</tr>
				<tr>
					<td class="describe" colspan="2">Срок хранения: 6 месяцев
Вес короба: 240 грамм х 15 штук
Количество коробов в паллете: 50
Без консервантов.
Без красителей.</td>

				</tr>
			</table>
</div>				
</body>
</html>

html{
height:100%;
}

body {
	color: #AFAEAE;
	margin: 0;
	padding: 0;
	background-image:url('img/brd.gif');
	background-position:top;
	background-repeat:repeat-x;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

html {
height:100%;
}

img {
border: 0px;
}
img.p
{
width: 950px;
height: 15px;
}

.main{
height: auto !important;
height: 100%;
min-height: 100%;
position:relative;
border:0px;
border-left: 10px;
border-right: 10px;
border-color: #D0D0D0;
border-style: solid;
display:block;
background-image: url('img/brd.gif');
background-position:bottom;
background-repeat:repeat-x;
}

table.small{
width: 950px;
background: url("img/back.gif") no-repeat;
margin-bottom: 15px;
}

td.sm{
width: 340px;
float: left;
border-right-width: 4px; 
border-right-style: solid;
border-color: #DEDEDD;
padding-right: 5px;
}

td.smMiddle{
width: 300px;
padding-left: 30px;
padding-right: 20px;
}

td.vrSmMiddle{
width: 300px;
padding-left: 48px;
padding-right: 20px;
}

td.smText{
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	color: 000000;
}

h3 {
font-family: Arial Black;
font-size: 15px;
font-style: italic;
font-weight: 100;
color: #B7202E;
}

h3.2 {
font-family: Arial Black;
font-size: 15px;
font-style: normal;
font-weight: 100;
color: #B7202E;
}

.entrance{
text-align: center;
font-family: Tahoma;
font-size: 19px;
padding: 20px 0px 20px 0px;
text-align: center;
}

a.more{
float: right;
font-size: 13px;
font-weight: normal;
color: #AFAEAE;
}

.describe{
font-family: Tahoma;
	font-size: 11px;
	text-align: left;
	padding-left: 25px;
	font-weight: bolder;
}

.rText{
	padding-left: 15px;
	padding-right: 45px;
	width: 300px;
	font-family: Tahoma;
	font-size: 15px;
	font-weight: bolder;
	text-align: center;
}

#leftText{
font-family: Arial;
font-size: 15px;
font-style: italic;
font-weight: bold;
color: Black;
}

#logo {
	padding-top: 25px;
}
#logo2 {
	padding-top: 15px;
	padding-bottom: 10px;
}

#back{
margin-top: 45px;
margin-left: 45px;
position: absolute;
font: 13px;
color: #AFAEAE;
font-weight: bold;
}



a{
color: #AFAEAE;
font-weight: bold;
}

D.S.Denton · February 14, 2008

припиши в тэг table атрибут border="1" и сразу увидишь ошибку

Sign In

Объясните, как и почему "плывут" столбцы в таблице.

Question

Eirene

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

D.S.Denton

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information