2013-01-18 5 views
0

html과 css를 사용하여 아래 표시된 디자인을 어떻게 달성 할 수 있습니까?Div 정렬이 서로 위에 있습니까?

enter image description here

사이드 바는 로고와 메뉴와 콘텐츠를 다른 모든 항목 위에 있어야한다. 메뉴가 사이드 바를 감싸고 있어야합니다. 내용은 'L'모양입니다. 콘텐츠 영역은 사이드 바까지 올라가고 사이드 바 아래로 와야합니다. 사이드 바 길이가 전체 내용 영역보다 적습니다.

+2

FYI : 각 줄을 4 칸 공백으로 들여 쓰면 Markdown은 그 줄을 코드로 렌더링합니다. 이것은 공백을 존중한다는 것을 의미합니다 (그리고 여러분은 자신을 ' '로 미친 채로 운전할 필요가 없습니다). – Donut

+0

게시 할 수있는 코드가 있습니까? – DigTheDoug

+0

달성하고자하는 원시 디자인 (http://postimage.org/image/6ewdbhatj/) – AmitW

답변

0

다음은 시작하기 좋은 초안입니다.

(http://jsfiddle.net/tech0925/Sm8HB/)

건배!

+0

여기 내 디자인을 명확하게하는 링크가 있습니다. [link] (http://postimage.org/image/6ewdbhatj/) – AmitW

+0

지금 당신을 위해 일하십시오 :) –

+0

다음은 시작하기 좋은 초안입니다. http://jsfiddle.net/tech0925/Sm8HB/ 위의 답변을 업데이트하겠습니다. –

관련 문제