Всем доброго времени суток 
У меня такая проблема - макет трехколоночный и надо нарезать с помощью блоков  ...никак не получается привести в порядок центральную колонку...
| Код |
<!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" xml:lang="ru">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<meta name="description" content="Лингвистический сайт" />
<meta name="keywords" content="перевод, обучение, английский." />
<link rel="stylesheet" href="style.css" type="text/css" />
<title>Лингво-центр ВАРИАНТ СЛиП | Главная</title>
</head>
<body>
<div id="colontitul">
<div id="header">
</div>
</div>
<div id="colontitul">
<div id="nav">
<ul>
<li><a href="#">ГЛАВНАЯ</a></li>
<li><a href="#">О КОМПАНИИ</a></li>
<li><a href="#">ЦЕНЫ</a></li>
<li><a href="#">КОНТАКТЫ</a></li>
</ul>
</div>
<div id="intro">
<p style="font-weight: bolder;" class="one">Организован в качестве центра по обучению иностранным языкам для взрослых в 1990 г.</p>
<p style="font-weight: lighter;">Мы не являемся закрытым учебным заведением государственного типа и не считаем целесообразным предлагать жёсткую программу для всех групп населения. Программа обучения составляется в каждом отдельном случае, исходя из ресурсов и потребностей нашего клиента.</p>
</div>
</div>
<div width=335px id="col1">
<a href="#">переводы/переводчики</a>
<p>арабский, турецкий, фарси, китайский;</p>
<p>английский, немецкий, французский;</p>
<p>испанский, итальянский, скандинавские языки, полский;</p>
<p>украинский,белорусский,аварский, азербайджанский, армянский, казахский;</p>
<p>другие языки Ближнего и Дальнего Зарубежья</p>
<p>Оперативность. Качество. Конфиденциальность.</p>
<p>Приглашаются для работы лица с в/о и навыками</p>
</div>
<div width=335px id="col3">
<a href="#"><p>лингвистическая</p><p>поддержка бизнеса</p></a>
<a href="#">Руководителям фирм и предприятий с внешнеэкономической деятельностью</a>
</div>
<div width=333px id="col2">
<a href="#">обучение</a>
<p>АНГЛИЙСКИЙ ЯЗЫК:</p>
<p>- <a href="#">Базовый разговорный:</a> этикетное и деловое общение. Интенсив - 2 месяца.</p>
<p>- Курс для начинающих</p>
<p>- Подготовка к экзаменам типа и TOFL, IELTS и др.</p>
<p>- Индивидульные программы.</p>
<p>ДЕЛОВОЙ АНГЛИЙСКИЙ:</p>
<p>- Для менеджеров</p>
<p>- <a href="#">Для секретарей-референтов</a></p>
<p>- Английский по профессиям (для туроператоров, предпринимателей, моряков; гостиничное, банковское дело)</p>
</div>
<div id="colontitul">
<div id="podval">
<a href="#">Разработка сайта - компания MATODOR</a>
</div>
</div>
</body>
</html>
|
и CSS...
| Код |
* {
margin: 0;
padding: 0;
border: 0;
}
body {
padding: 2% 0 0;
background-image: url(fon.png);
color: #fff;
font-family: Arial, Georgia;
}
#header {
background-image: url(logo.png);
width: 1004px;
height: 354px;
}
#nav {
background-image: url(nav_bg.png);
width: 1004px;
height: 49px;
color: #fff;
font-size: 12pt;
font-weight: bold;
text-align: center;
font-family: Georgia;
}
#nav ul {
list-style-type: none;
padding-top: 15px;
}
#nav li {
display: inline;
margin: 0 50px;
}
#nav li a {
color: #fff;
}
#nav li a:hover {
color: #f00;
}
a {
text-decoration: none;
}
#intro {
background-image: url(intro.png);
width: 1004px;
height: 182px;
}
#intro p {
font-size: 14pt;
text-align: justify;
font-family: Arial;
padding-left: 260px;
padding-right: 47px;
}
#intro p.one {
padding-top: 10px;
padding-bottom: 20px;
}
#container {
width: 100%;
margin: 0 auto;
}
#content {
width: 100%;
float: left;
}
#col1 {
width: 335px;
height: 313px;
background-image: url(col1.png);
font-family: Arial;
float:left;
}
#col1 a {
color: #396;
}
#col1 a:hover {
color: #f36;
}
#col2 {
width: 333px;
height: 313px;
background-image: url(col2.png);
font-family: Arial;
margin:0 335px;
}
#col3 {
width: 335px;
height: 313px;
background-image: url(col3.png);
font-family: Arial;
float:right;
margin:0 260px;
}
#podval {
background-image: url(podval.png);
width: 1004px;
height: 75px;
}
#podval a {
font-size: 8pt;
font-family: Arial;
padding-left: 770px;
padding-right: 17px;
padding-top: 20px;
text-decoration: underline;
}
#colontitul {
clear:both;
width:100%;
margin:0px 0px;
}
|
и тут еще рисунки, если нуно
не бейте, пожалуйста, за то что все страшно и коряво...это же еще не доделано + первый раз блоками верстаю 
и там еще проблема - нижняя ссылка не хочет отступать от верха...в чем там ошибка? 
Заранее всем спасибо за ответы...и еще хотела спросить как это сделать кроссбраузерно...вот 
Добавлено через 2 минуты
Забыла сказать что не так с центральной колонкой - ее текст едет вниз..весь |
...только вот ссылка в подвале никак не хочет ехать вниз... 