отрегулируйте поведение от правого столбца в трех колонках

Question

Мне нужна помощь с моим трехколоночным макетом. Меня не устраивает поведение в правой колонке, потому что влияет на центральную колонку, если браузер не развернут . Правый столбец должен уменьшиться, если браузер сделан меньше, и не обрезать непосредственно центральный столбец.

---

Я получил css от этого сайта , и я использую его для этой страницы индекса Я уже пытался отрегулировать это, но это немного сбивает с толку. Два контейнера выровнены по правой стороне, а остальные по левой стороне?

Я должен сказать, что для меня это огромная боль в заднице, потому что мне нужно исправить это, не испортив остальную часть макета. Также скрытый переполнение не работает в правом столбце, потому что текст выскакивает?

Любая помощь приветствуется!

Это некоторые из css (кроме верхнего и нижнего колонтитула)

/* column container */
.colmask { position:relative; clear:both; float:left; width:100%; overflow:hidden; }

/* general */
.colright,
.colmid,
.colleft {float:left;width:100%;position:relative;}


.col1,
.col2,
.col3 {float:left;position:relative;padding:0 0 1em 0;overflow:hidden;}

.threecol {background:#eee; }

/* width rightr column*/
.threecol .colmid {right:33.4%; background:#fff;}

/* width center column*/
.threecol .colleft {right:33%;  background:#f4f4f4; }

/* width center column content */
.threecol .col1 {width:30%; left:101.5%;/*background:#fff004;*/}

/* width left column content */
.threecol .col2 {width:32.2%;   left:37.8%; /*background:#fff004;*/}

/* width right column content*/  
.threecol .col3 { left:70.8%;   /*width:31.9%;*/ /*background:#fff004;*/}

спасибо, Ричард

Answer 1

Они все в процентах ширины, поэтому установите col1 div на фиксированную ширину, и это должно дать вам то, что вы хотите.

/* width center column content */
.threecol .col1 
{
  width:400px; 
  margin-right:50px; /*or percentage eqivalent*/
left:101.5%;
/*background:#fff004;*/
}

Попробовал в firebug, отлично работает:)