Resizing Упаковочный

Question

Имея проблемы изменения размеров в #main_wrap на:

http://www.coffeeproteindrink.com/method-athlete/

#main_wrap { 
min-height: 100%; 
background: url(images/content_back.png) repeat-y top left; 
margin: 0 0 0 240px; 
opacity: .8; 
} 

#content 
{float: left; 
margin: -28px 0 30px 0; 
position: relative; 
z-index: 20; 
top: 325px; 
height: 262px; 
overflow: scroll; 
} 

Я пытаюсь заставить его выглядеть следующим образом:

http://www.bio-genix.com/

Я уверен, что я просто имея мозговой пердит, но я просто не могу заставить это работать.

Любая помощь очень ценится.

Кен

Answer 1

Ваше top: 325px значение на #content, что дальше, чем где вы хотите быть в списке элементов. Следовательно, вы хотите надавить #main_wrap на top и снять top с #content.

#main_wrap { 
    position: absolute; 
    top: 325px; 
} 
#content { 
    top: 0; 
} 

http://jfcoder.com/test/methodsite.html

Answer 2

Одна простая вещь, чтобы сделать это (если они имеют доступ к CSS) идут вниз к вашему #content теге

#content { 
float: left; 
margin: -28px 0 30px 0; 
position: relative; 
z-index: 20; 
top: 325px; 
height: 262px; 
overflow: scroll; 
} 

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

#content { 
float: left; 
margin: -28px 0 30px 0; 
position: relative; 
z-index: 20; 
top: 325px; 
height: 262px; 
}