Создайте два абзаца внутри статьи HTML5

Question

Я совершенно новый с HTML5. Теперь я пытаюсь сделать два параграфа в первой статье. Я использовал некоторые фрагменты http://f6design.com/projects/parallax-scrolling/. Просто я хочу получить два абзаца на вступительной статье. Я попробовал эту альтернативу, но не смог.

<div class="side-container"> 
     <!-- left side --> 
     <aside> 
     Left: Fixed width, 100% height of the window or right hand content 
     </aside> 

     <!-- main content --> 
     <article> 
     Right: Fluid width      
     </article> 
    </div> 

http://jsfiddle.net/t3AxY/7/

Вот мой код http://jsfiddle.net/sw8s4/
Любые предложения, как это сделать?

Бест,
Себастьян

Answer 1

Я хотел бы попробовать что-то вроде этого:

#content { 
    z-index: 4; 
    position: relative; 
    max-width: 900px; 
    padding: 0 10px; 
    margin: 0 auto; 
    line-height: 1.7; 
} 
#intro { 
    float:left; 
    width: 400px; 
    padding-right:40px; 
} 
#manned-flight { 
    width: 100%; 
} 
article img { 
    height:30px; 
    width:100%; 
} 

Я не уверен, что именно результат должен выглядеть, но таким образом вы получите две колонки. , где forst получает фиксированную ширину, а второй - для заполнения остальных родителей.

updatet ваш jsfiddle

Теперь вы можете также поместить height:100%; на body, #content и #intro, чтобы сделать его 100% от высоты окна.