Форум Сайтостроение Веб-строительство

Нужна помощь при верстке!

Division
На сайте с 05.11.2014
Offline
8
Division
720

Пробема следующего характера.

<div class="header">

<div class="header_left"></div>

<div class="header_right"></div>

</div>

header фиксированной min-width: 1000px

header_left фиксированый ширины к примеру 300px

header_right мне нужно сделать резиновым и чтобы можно было туда ставить беграунд..

Подскажите пожалуйста... а то чет я тут себе голову уже набил не получается ни как!

---------- Добавлено 15.12.2014 в 21:09 ----------

пробую с min max не получается чего то..

Создание уникальных сайтов под ключ (/ru/forum/872934)
IL
На сайте с 20.04.2007
Offline
435
ivan-lev
#1

Ну, если два первых фиксированных, то зачем третий?

А вообще - гуглить вёрстка макета в 2 колонки. Всё уже придумано давно.

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
dj dimonza
На сайте с 12.11.2012
Offline
38
dj dimonza
#2

как то так?

Нужен дизайн или верстка? тогда вам сюда (/ru/forum/816216)
Staid
На сайте с 30.07.2014
Offline
59
Staid
#3

.header{overflow: hidden;}

.header_left{width: 300px; float: left;}

.header_right{margin: 0 0 0 300px;}

Jor
На сайте с 23.06.2012
Offline
42
Jor
#4

До кучи: Раз, Два

Division
На сайте с 05.11.2014
Offline
8
Division
#5

спасибо всем... вот еще нашел тему http://htmlbook.ru/samlayout/tipovye-makety/rezinovyi-dvukhkolonochnyi-maket

S
На сайте с 13.10.2014
Offline
171
silicoid
#6

Я предпочитаю давать диву дисплей ячейка таблицы

то-есть

.header{

display: table;

width:1000px;

}

.header_left, .header_right{

display: table-cell;

}

.header_left{

width: 300px;

}

конструкция работает на любом браузере начиная с ie8

Division
На сайте с 05.11.2014
Offline
8
Division
#7

спасибо большое... делаю щас адаптивную верстку.. четко так получается.. а то на работе сказали научится нужно в короткие сроки навыки набрать

D
На сайте с 09.05.2009
Offline
47
Disiyndel
#8

Советую делать по современным стандартам (флексбокс):

http://frontender.info/a-guide-to-flexbox/

http://philipwalton.github.io/solved-by-flexbox/

http://heisenbrog.com (http://heisenbrog.com) - только цифры, факты и эксперименты.
Division
На сайте с 05.11.2014
Offline
8
Division
#9

всем большое спасибо

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий