Приму любую критику! Оцените верстку пожалуйста!

[DivMan]

min-height 

[migunov88]

min-height 

а можно примерчик как это будет выглядеть?)

[migunov88]

<nav class="navigation clearfix">

<a class="navigation-link" href="#">Главная</a>

<a class="navigation-link" href="#">Блог</a>

<a class="navigation-link" href="#">Доставка</a>

<a class="navigation-link" href="#">Оплата</a>

<a class="navigation-link" href="#">Контакты</a>

<a class="navigation-link" href="#">Работа у нас</a>

<div class="main-cart-wrap right">

<div class="main-cart">

<p>В <a href="#">корзине</a> 2 товара на 27 700 руб.</p>

</div>

</div>

</nav>

 

.navigation {

background: #214b7e;

background: -webkit-linear-gradient(#335989, #01316c);

background: -moz-linear-gradient(#335989, #01316c);

background: -ms-linear-gradient(#335989, #01316c);

background: -o-linear-gradient(#335989, #01316c);

}

.navigation-link {

display: block;

float: left;

padding: 15px;

color: #fff;

font: 11px Tahoma, Arial, sans-serif;

text-transform: uppercase;

}

.navigation-link:hover {

background: #1c3d66;

background: -webkit-linear-gradient(#28476d, #032957);

background: -moz-linear-gradient(#28476d, #032957);

background: -ms-linear-gradient(#28476d, #032957);

background: -o-linear-gradient(#28476d, #032957);

}

.main-cart-wrap {

padding: 0 10px;

min-height: 43px;

background: #161616;

background: -webkit-linear-gradient(#545454, #010101);

background: -moz-linear-gradient(#545454, #010101);

background: -ms-linear-gradient(#545454, #010101);

background: -o-linear-gradient(#545454, #010101);

}

.main-cart {

padding-left: 40px;

min-height: 43px;

background: url(../img/cart.png) no-repeat left center;

}

.main-cart p {

margin: 0;

font: 11px/43px Tahoma, Arial, sans-serif;

color: #fff;

}

.main-cart a {

font: 12px Tahoma, Arial, sans-serif;

color: #4e7aa9;

}

.main-cart a:hover {

text-decoration: underline;

}

 

 

Вот как-то так сделал...но не знаю, правильно ли...

[DivMan]

сойдёт, только блок с корзиной, надо прижать в право