Сделать DIV по центру

ZD

36

ZlatDesigner

13 февраля 2011, 20:00

802

Нужна помощь, начал учиться верстать и возникли проблемы...

Расположение дивов:

http://s45.radikal.ru/i107/1102/e6/5ebdb93f3bdd.jpg

Мне нужно сделать как на рисунке див - con по центру

<!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>ТИТЛЕ</title>

<link href="style.css" rel="stylesheet" type="text/css" />

<!??[if lt IE 7]>



<script type="text/javascript">

document.getElementById('elemId').style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/header.png', sizingMethod='scale')";

</script>



<![endif]??>

</head>



<body>



<div id="container">



<div id="header-out">

    <div id="header">

    <div class="logo">

    <div class="descrip">Создание и продвижение веб-сайтов</div>

    </div>

    <div class="phonedaynight">

    <div class="our_phone">Наш телефон</div>

    <div class="daynight">Круглосуточно</div>

    </div>

    </div>

</div>



<div id="menu">МЕНЮ МЕНЮ МЕНЮ МЕНЮ МЕНЮ МЕНЮ МЕНЮ МЕНЮ </div>

<div id="con">  

    <div id="leftsidebar"> LEFT SIDEBAR </div>

    <div id="rightsidebar"> RIGHT SIDEBAR </div>

    <div id="content"> CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT 

    </div>

</div>





</div>

<div id="footer-out">



<div id="footer"></div>



</div>



</body>

</html>

@charset "windows-1251";

/* CSS Document */



body, html 

{

	margin:0px;

	padding:0px;

	text-align:center;

	color:#fff;

	height:100%;

}

	

#container

{

	margin: 0 auto;

	text-align:left;

	min-height:100%;

	height: !important;	

	height:100%;



}



#header-out

{

	height:167px;

	background-image:url(images/h-bg.jpg);

	margin:0 auto;

}



#header

{

	width:1000px;

	margin:0 auto;

	height: 167px;

	background:url(images/header.png) no-repeat;

		

}



.logo {width:350px;float:left;padding:83px 0 0 155px;font-size : 14px; font-family:Arial, Helvetica, sans-serif;}



.logo .desc {font-size:13px; color:#fff;}



.phonedaynight {float:left; padding:32px 0 0 0px;color:#B5CDF3;font-size:11px;}







.our_phone 

{

	margin:3px 0 0 130px;

	color:#fff;

	font-family:Arial;

	font-size:14px;

	float:left;

}

		

.daynight 

{

	margin:3px 0 0 335px;

	color:#fff;

	font-family:Arial;

	font-size:14px;

}



#menu

{

	height:40px;

	background:url(images/menu.jpg) no-repeat;

	margin: 0px 140px;

	

}



#leftsidebar

{

	background-color: #399;

	width: 190px;

	float: left;

	margin: 0px 140px;



}



#con

{



}



#rightsidebar

{

	background-color: #399;

	width: 190px;

	float: right;

	margin: 0px 140px;

}





#content

{

	width:600px;

	background-color: #39F;

	padding: 30

}



#clear

{

	clear:both;

	height:0px;

	font-size:1px;

    line-height:0px;

}



#footer-out

{

	width: 100%;

	height: 80px;

	background-image:url(images/f-bg.jpg); 

	

}



#footer

{

	width:1000px;

	height:80px;

	background: url(images/footer.png) no-repeat;

	margin: 0px 140px;

}

Баскетбольный портал - Блокшот (http://blokshot.ru/)

V

46

vaggah

13 февраля 2011, 20:03

#1

пропишите

#con {margin:0 auto;}

Вот только у вас рисунок не соответствует коду

Мое детище, которое холю и лелею (http://quicktuts.ru/) Беспроводной интернет, антенны Yota (http://skylink.ws/Yota/) Профессиональный хостинг. Бесплатный домен. Безлимитный трафик. (http://goo.gl/MMvWNj)

ZD

36

ZlatDesigner

13 февраля 2011, 20:10

#2

vaggah:
пропишите
#con {margin:0 auto;}
Вот только у вас рисунок не соответствует коду

а что именно не соответствует?

прописал - вообще ничего не изменилось(

V

46

vaggah

13 февраля 2011, 20:23

#3

ZlatDesigner:
прописал - вообще ничего не изменилось(

Установите фиксированную ширину - заработает.

#con

{

width:1000px;

margin:0 auto;

}

ZlatDesigner:
а что именно не соответствует? (

Просто я считаю, что нужно все блоки рисовать. ИМХО...

ZD

36

ZlatDesigner

13 февраля 2011, 20:51

#4

все спасибо)) Сделал!

Как удалить плохие SEO-ссылки и очистить ссылочную массу сайта

Курс биткоина превысил $50 тысяч