Кто может помочь?

Sp@wNox · July 3, 2009

Народ помогите кто сможет... Делал верстку трехколоночную с одинаковой высотой. Все хорошо. Все как надо. Но одно но... Высота этих колонок не уменьшается (((( Поэтому не могу закончить верстку. Посмотрите может я чето напутал...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>Название страницы</title>
	<link href="style.css" rel="stylesheet" type="text/css">	
</head>
<body>
	<div id="wrapper">
		<div id="header">
			<img src="img/logo1.png" height=200 width=766>
			<a href=#><img src="img/banner.png" class=ban2 height=82 width=209></a>
			<a href=#><img src="img/banner.png" class=ban1 height=82 width=209></a>
			<a href=#><img src="img/home.png" class=home height=20 width=17></a>
			<a href=#><img src="img/find.png" class=find height=20 width=17></a>
			<a href=#><img src="img/strel.png" class=strel height=20 width=17></a>
			<div class=clear></div>
			<div id=pol>
				<div class=zag1><a href=# class=a1>О КОМПАНИИ</a></div>
				<div class=zag1><a href=# class=a1>НОВОСТИ</a></div>
				<div class=zag1><a href=# class=a1>КЛИЕНТАМ</a></div>
				<div class=zag1>КАТАЛОГ</div>
				<div class=zag1><a href=# class=a1>ПОДБОР ОНЛАЙН</a></div>
				<div class=zag1><a href=# class=a1>КОНТАКТЫ</a></div>
			</div>
		</div>
		<div class=clear></div>
		<div id="container">
			<div id="sub-container">
					<div id="content">
						<div id="text">
							<img src="img/polblue.png" height=27 width=215>
							<ol class=ol1>
								<div class=zag2>СЕТЬ ШИННЫХ ЦЕНТРОВ</div>
								<li>
									Кабинет маммографический передвижной «КМП-Тандем» на шасси ЗИЛ, КАМАЗ и МАЗ предназначен для проведения 
								</li>
								<div class=zag3>ПОСЛЕДНИЕ НОВОСТИ</div>
								<li>
									<font color=#d2943a>01.04.2007</font><br>
									Кабинет маммографический передвижной «КМП-Тандем» на шасси ЗИЛ, КАМАЗ и МАЗ предназначен для проведения скрининговых маммологических  обследований населения в труднодоступных и отдаленных районах.
								</li>
								<li>
									<font color=#d2943a>01.04.2007</font><br>
									Кабинет маммографический передвижной «КМП-Тандем» на шасси ЗИЛ, КАМАЗ и МАЗ предназначен для проведения скрининговых маммологических  обследований населения в труднодоступных и отдаленных районах.
								</li>
							</ol>
							<a href=# class=a2>читать дальше</a>
						</div>
					</div>
				<div id="left">
				<img src="img/polyelo.png">
				</div>
			</div>
			<div id="right">

					<div class=zag4>О КОМПАНИИ</div>
					<img src="img/pic.png" class=pic>
					<div class=text>
						Кабинет маммографический передвижной «КМП-Тандем» на шасси ЗИЛ, КАМАЗ и МАЗ предназначен для проведения скрининговых маммологических  обследований населения в труднодоступных и отдаленных районах.<br>
						<a href=# class=a3>читать дальше</a>
					</div>
					<div class=clear></div>
					<img src="img/yellow.png" class=yelo>
					<img src="img/disk.gif" class=disk>
					<div class=diskt>КАТАЛОГ<br>ДИСКОВ</div>
					<img src="img/grey.png" class=gr>
					<img src="img/shina.gif" class=sh>
					<div class=shinat>КАТАЛОГ<br>ШИН</div>
					<img src="img/map.png" class=map>
					<img src="img/strelka.gif" class=str>
					<div class=how>КАК К НАМ<br>ПРОЕХАТЬ</div>

			</div>
			<div class=clear></div>
		</div>
		<div id="footer">
			<div class=polosa1></div>
			<div class=polosa2></div>
		</div>
	</div>
	<div class=clear></div>
</body>
</html>

* {margin: 0; padding: 0;}
.clear {	
	clear: both;
}
a img {
	border: none;
}
a {
	text-decoration: none;
}
#wrapper {
	width: 766px;
	margin: 0 auto;
	border: solid 1px;
}

#header {
}

#container {
	position: relative;
	background: #2e2a85;
	top: -87px;
}
* html #container {height: 1%;}

#sub-container {
	float: left;
	border-right: 550px solid #bac6d2; /* фон правого сайдбара */
	width: 216px;
}
#content {
  width: 100%;
  float: left;
}
#text {
	border-right: 1px solid #f6d901; /* фон левого сайдбара */

}
#left {
  float: left;
  width: 1px;
  margin-left: -1px;
  background: #f6d901; /* фон левого сайдбара */
  position: relative;

}
#right {
  float: left;
  width: 550px;
  margin-left: -551px;
  background: #bac6d2; /* фон правого сайдбара */
  border-left: 1px solid #f6d901; /* фон левого сайдбара */
}
#footer {
	position:relative;
	top: -100px;
}

.ban2 {
	position: relative;
	float: right;
	top: -182px;
	left: -87px;
}
.ban1 {
	position: relative;
	float: right;
	top: -182px;
	left: -87px;
}
.home {
	position:relative;
	float: right;
	left: 387px;
	top: -177px;
}
.find {
	position:relative;
	float: right;
	left: 403px;
	top: -156px;
}
.strel {
	position:relative;
	float: right;
	left: 420px;
	top: -136px;
}
#pol {
	position: relative;
	background: url(img/pol.png);
	height: 33px;
	top: -87px;
}
.zag1 {
	float: left;
	font-weight: bold;
	font-size: 10pt;
	font-family: Tahoma;
	padding-left: 45px;
	padding-top: 9px;
	color: #fff;
}
.a1 {
	color: #080677;
}
.ol1 {
	font-family: Arial;
	font-size: 8pt;
	color: #dcc294;
	padding-left: 25px;
	list-style-type: none;
}
.zag2 {
	color: #fbae27;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 10pt;
	padding-bottom: 8px;
}
.zag3 {
	color: #f4e90b;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 10pt;
	padding-top: 10px;
	padding-bottom: 5px;
}
li {
	padding-bottom: 10px;
}
.a2 {
	color: #fff;
	text-decoration: underline;
	padding-left: 25px;
	font-family: Arial;
	font-size: 8pt;	
}
.zag4 {
	padding-top: 30px;
	color: #fcfcfc;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12pt;
	padding-left: 35px;
}
.pic {
	float: left;
	padding-left: 30px;
	padding-top: 20px;
	padding-right: 25px;
}
.text {
	color: #0b042e;
	font-size: 8pt;
	font-family: Tahoma;
	padding-top: 20px;
	padding-right: 25px;
	text-align: justify;
}
.a3 {
	color: #fff;
	text-decoration: underline;
	font-family: Arial;
	font-size: 8pt;	
}

.yelo {
	padding-top: 85px;
	padding-left: 30px;	
}
.disk {
	position: relative;
	left: -198px;
	top: -25px;
}
.diskt {
	position: relative;
	font-family: Tahoma;
	font-weight:bold;
	color: #3b403c;
	font-size: 10pt;
	top: -55px;
	left: 150px;
}
.gr {
	position: relative;
	padding-left: 30px;
	top: -20px;
}	
.sh {
	position: relative;
	left: -185px;
	top: -27px;
}
.shinat {
	position: relative;
	font-family: Tahoma;
	font-weight:bold;
	color: #3b403c;
	font-size: 10pt;
	top: -75px;
	left: 150px;
}
.map {
	position: relative;
	float:right;
	padding-right: 35px;
	top: -230px;
}
.str {
	position: relative;
	float: right;
	top: -253px;
	left: 85px;
}
.how {
	position:relative;
	float: right;
	color: #faf54c;
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	left: 140px;
	top: -230px;
}
.polosa1 {
	background: #f8f138;
	height: 7px;

}
.polosa2 {
	background: #2e2a85;
	height: 21px;

}

Вот сам сайт

http://rapid.ufanet.ru/3748866

Edited July 3, 2009 by Sp@wNox

Sign In

Кто может помочь?

Question

Sp@wNox

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information