проблема с позиционированием

[Евгений_SB]

Ребят верстаю макет и столкнулся с банальной ошибкой которую никак не могу выявить

есть макет из 3 блоков шапки боковой колонки и контента

с шапкой и боковой колонкой все нормально, все работает как надо

а 3 колонка работает не понятно как

(скрин)

 

при максимальной ширине она не хочет растягиваться а остаеться в минимальной

или залазин на боковую колонку

 

скрин

 

 

еще 1

header {	display: block;	position: relative;	float: none;	width: 100%;	height: 70px;	background:#4d76a3; }aside {	display: block;	position: relative;	float: left;	min-height: 900px;	max-height: 100%;	width: 200px;	overflow: hidden;	background: #375e88;}.container {	display: block;	position: relative;	margin-top: 0px;	min-width: 900px;	max-width: 1600px; 	height: 100%;}

html код

<header>		<a href="#" title="Home" class="logo"><img src="img/logo.png" alt=""></a>		<form action="#" method="post" name="search">			<input type="text" name="search" placeholder="Search">		</form>		<ul class="nav">			<li><a href="#">People</a></li>			<li><a href="#">Games</a></li>			<li><a href="#">Musik</a></li>			<li><a href="#">Help</a></li>		</ul>		<div class="picHeader">			<a href="#" class="icon-mail-alt"></a>			<a href="#" class="icon-comment"></a>			<a href="#" class="icon-bell-alt"></a>				<a href="#" class="face"><img src="img/facepic.png" alt=""></a>					<p>Vyacheslav Kornilov</p>		</div>	</header>	<!-- конец шапки сайта-->	<!-- боковая колонка с меню-->	<aside>		<ul class="navright">			<li><a href="#" class="icons-user">Friends</a></li>			<li><a href="#" class="icons-picture">Photos</a></li>			<li><a href="#" class="icons-video">Videos</a></li>			<li><a href="#" class="icons-music">Music</a></li>			<li><a href="#" class="icons-mail-alt">Messages</a></li>			<li><a href="#" class="icons-users">Group</a></li>			<li><a href="#" class="icons-edit">News</a></li>			<li><a href="#" class="icons-info-circled">Recent</a></li>			<li><a href="#" class="icons-export">Comments</a></li>			<li><a href="#" class="icons-chat">Feedback</a></li>			<li><a href="#" class="icons-star">Bookmarks</a></li>			<li><a href="#" class="icons-cog">Setting</a></li>			<li><a href="#" class="icons-gamepad">Games</a></li>			<li><a href="#" class="icons-doc-text">Document</a></li>			<li><a href="#" class="icons-soundclowd">Cloud</a></li>		</ul>	</aside>	<!-- конец боковой колонки с меню-->	<!-- основной контейнер-->	<div class="container">		<div class="topHed">				<ul class="navtopHed">				<li><a href="#"></a></li>				<li><a href="#"></a></li>				<li><a href="#"></a></li>				<li><a href="#"></a></li>				<li><a href="#"></a></li>				<li><a href="#"></a></li>				<li><a href="#"></a></li>				<li><a href="#"></a></li>				<li><a href="#"></a></li>			</ul>		</div>	</div>

[Sergik+]

Ну во первых зачем вам позиционирование ?

Во вторых зачем резина ? Макет фиксированной ширины.

Ну и в третьих он четко под бутстрап подходит.

[Евгений_SB]

Ну во первых зачем вам позиционирование ?

Во вторых зачем резина ? Макет фиксированной ширины.

Ну и в третьих он четко под бутстрап подходит.

 

ок переделаю почему то решил что надо резиновый)))

[Sergik+]

Кстати просматриваю заявочки по фрилансу, почти не вижу резины, везде адаптив.

[Galaxy]

такое уже давно, или фикс или адаптив.

Edited August 28, 2014 by Galaxy

[Sergik+]

Кстати шаблон 1400px а большинство буков 1366px, явный просчет дизайнера.

[psywalker]

Евгений_SB,

И разберитесь в вашем коде. У вас там много лишнего.

 

Например, зачем в нижеприведённом коде нужны объявление float: none;, если это значение и так используется по умолчанию. Так же непонятно, зачем писать width: 100%;, если у вас элемент блочный, который и так по умолчанию растягивается на 100% по ширине.

header {display: block;position: relative;float: none; width: 100%;height: 70px;background:#4d76a3;}

Так же здесь, зачем писать display: block; при float: left;?

aside {display: block;position: relative;float: left; min-height: 900px;max-height: 100%;width: 200px;overflow: hidden;background: #375e88;}

И т.д. В общем, поработайте над лишним кодом.

[Sergik+]

Я бы новичкам не советовал такой шаблон, очень много мелких заковырок.

Я потихоньку начал верстать.