레이아웃을 위해 div가 좋지 않아서 테이블을 사용하는 데 익숙해졌습니다. 누군가 레이아웃 대신 div를 사용하도록 가이드 할 수 있는지 알고 싶습니다. 따라서 테이블을 사용하는 습관이 멈추었습니다. 그래서 그 누구도 div를 사용하여 세 개의 열이있는 두 개의 행을 만드는 것을 도와 줄 수 있습니까? 누구나 도움을 주시면 감사하겠습니다.div를 사용하여 테이블 레이아웃 복제하기
div 기반 레이아웃의 경우 많은 예제가 있습니다.
간단한 구글 검색
은 정보의 톤을 제공합니다 :http://www.google.ca/search?gcx=c&sourceid=chrome&ie=UTF-8&q=creating+a+div+layout
여기 괜찮은 하나 :http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/
그리고 모두 함께 묶어 종합적인 기사를. 확실히이 읽기 : 당신은 행이 꽤 거의 CSS로 된 div를 사용하여 문제가 없다는 것을 확인할 수 있습니다
http://coding.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/
... 거의 항상 열되며 적절하게 "떠"그것이 당신에게 어려움을 줄 것이다 . 그것에 대한 자습서를 위해, 나는 항상 floatutorial의 팬이었습니다. 더 구체적으로 귀하의 경우에는 tutorial on a liquid three-column layout입니다.
원하는대로 할 수있는 몇 가지 방법이 있습니다. 당신은 아마 가장 좋은 길 이죠, 그래서 테이블 셀, 테이블과 테이블 행이 이전 IE8에 비해 아무것도에서 지원되지 않습니다 http://jsfiddle.net/Cq4G3/14/
그냥 마음에 새로운 디스플레이를 부담 : 여기
는 몇 가지 방법입니다 오래된 브라우저가 죽어 묻힐 때까지 수레를 붙입니다.
이름 가치 유형 레이아웃을 사용하는 경우 DL, DT 구조를 사용하여 구성 할 수도 있습니다 (직접적으로 문제는 아니지만 대안으로 사용할 수 있음). http://www.onextrapixel.com/2009/ 05/13/how-to-use-dl-dt-and-dd-html-tags-to-list-data-vs-table-list-data / – scrappedcola