세 개의 내용 첫 번째

이전 문제를 다시 살펴 보겠습니다. 메인 컨텐츠가 사이드 바가있는 중간에있는 3 열 레이아웃을 어떻게 개발합니까? 메인 컨텐츠는 HTML 마크 업에서 처음입니까?세 개의 내용 첫 번째

1) 편집 :

<body> 
    <section id="main"> 
    <h1>Main Section Title</h1> 
    <img src="http://placehold.it/400x300" /> 
    <p>This is the main content most important to readers</p> 
    </section> 
    <aside id="highlights"><!-- left column --> 
    <h2>Highlights</h2> 
    news feed goes here... 
    </aside><!-- end left column --> 
    <aside id="participate"><!-- right column --> 
    <h2>social Network</h2> 
    social media links here... 
    <h2>Events</h2> 
    events listing here... 
    </aside><!-- end right column --> 
</body>

출처

2013-01-20 mike

관련 관찰 : 나는 접근성 문제를 해결 ARIA-역할 정보를 가로 질러왔다 http://www.w3.org/TR/wai-aria/roles#document_structure_roles – mike

이 몇 가지 솔루션입니다

2) 절대 위치를 사용하여 삭제이 매우 응답하지,하지만 당신은 무엇 Dreamweaver를 원하는 위치에 정확히 물건을 넣을 수 있습니다 이전에는 사용하지 않았다.

3) 자바 스크립트를 사용하여 섹션과 사이드를 재정렬하십시오. 먼저 왼쪽을 이동하지만, 당신이 좁은 화면에서 원하는 아마 아니다

4) 그들은 AListApart에서 제안하는 : http://www.alistapart.com/articles/holygrail/

출처

2013-01-20 01:45:17

에서 옵션 1처럼 보이지 않는 이유는 마크 업 섹션의 주요 부분 뒤에 표시되기 때문입니다. – mike

방금 그 대답을 편집하고 게시물을 추가했습니다. 이 정확한 문제를 다루는 AListApart에서 –

세 개의 내용 첫 번째

답변

관련 문제