Трехколоночная верстка на DIV'ах

DeNSpb · July 29, 2009

Всем привет!

Помогите пожалуйста решить проблему с версткой:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>

<style type="text/css">

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset {margin:0; padding:0;}

h1 {font-size: 20px; font-weight:normal;}
h2 {font-size: 18px; font-weight:normal;}
h3 {font-size: 16px; font-weight:normal;}
h4 {font-size: 14px; font-weight:normal;}

body {
	color: #666;
	background-color: #FFF;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;}

.page {background: transparent; padding:0px; margin:0px;}

.wrapper {
	margin: auto;
	width: 98%;
	min-width: 994px;
	max-width: 1400px;
	text-align: left;
	background: transparent;

	height:1000px;
	background:#0F0;}
.wrapper {width: expression(((document.body.clientWidth)) < 994? "994px": ((document.body.clientWidth)) > 1400? "1400px": "98%" );}

.leftcol {float:left; width:250px; height:900px; background:#639;}
.centercol {float:left; width:55%; margin-left:5px; margin-right:5px; height:900px; background:#03F;}
.rightcol {float:right; width:250px; height:900px; background:#9C0;}

.logo {width:240px; height:120px; margin:5px; background:#FF0;}

</style>
</head>

<body class="page">

<div class="wrapper">

<div class="leftcol">
<div class="logo">
</div>

</div>

<div class="centercol">
</div>

<div class="rightcol">
</div>

</div><!--end wrapper-->
</body>
</html>

Суть проблемы: существует центральная (синяя) колонка для вывода основного контента, как правильно сделать так что бы .centercol растягивалась ровно между .leftcol и .rightcol с заданными мной параметрами? Обратите внимание на заданные значения класса .wrapper. Где я напортачил? (это черновой вариант макета...)

Great Rash · July 30, 2009

Судя по количеству ответов, не мне одному в коде разбираться влом. Вы лучше покажите на картинке как надо сделать и верстать всем станет веселей.

3ABAPKA · July 31, 2009

http://www.dynamicdrive.com/style/layouts/...id-fluid-fluid/

DeNSpb · July 31, 2009

http://www.dynamicdrive.com/style/layouts/...id-fluid-fluid/

Спасибо за помощь! Я недавно нашел для себя этот сайт, сразу 90% вопросов отпало =))

Edited July 31, 2009 by DeNSpb

3ABAPKA · August 3, 2009

http://blog.html.it/layoutgala/

Sign In

Трехколоночная верстка на DIV'ах

Question

DeNSpb

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

3ABAPKA

Link to comment

Share on other sites

DeNSpb

Link to comment

Share on other sites

3ABAPKA

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information