제가 Divitis로 고통 받고 있습니까?

-3

내 코드가 커짐에 따라 중간 컨텐트가 점점 더 많은 수의 태그, 특히 div에 들어 있음을 발견했습니다. 이 중 일부는 중복 된 것처럼 보이지만 그 중 하나를 수정하려고하면 레이아웃이 깨집니다.제가 Divitis로 고통 받고 있습니까?

이 문제의 내 제거 코드 : 특히, 내 중간 내용은 다음과 같이 둘러싸여 http://jsfiddle.net/aBbtN/77/

: 그 포함 된 div 중 하나를 제거 할 수있는 기회는 내 질문은

<div id="ie6-container-wrap"> 
     <div id="container" class="thin_width"> 
      <div class="full_width"> 
       <div id="content">    
        <div class="lft dc2"> 
        LEFT SIDEBAR 
        </div> 
        <div class="rgt dc4"> 
        RIGHT SIDEBAR 
        </div> 
        <div id="col-main"> 
        FINALLY - SOME CONTENT! 
        </div> 
       </div> 
      </div>      
     </div> 
    </div>

있다 그래도 레이아웃이 올바르게 작동합니까?

출처

2012-10-08 James Willson

현재이 질문은 우리 Q & A 형식에 적합하지 않습니다. 사실, 참고 문헌 또는 특정 전문 지식에 대한 답변을 기대하지만,이 질문은 논쟁, 논쟁, 여론 조사 또는 확장 토론을 유도 할 가능성이 높습니다 **. 이 질문을 개선하고 가능하면 다시 열 수 있다고 생각되면 FAQ에서 지침을 참조하십시오. – iambriansreed

http://codereview.stackexchange.com/이 더 나은 곳입니다. – Quentin

Divitis는 테이블 기반 구조를 div로 바꿀 때 더 그렇습니다. 그래서 table> tr> td 대신 div> div> div를 사용합니다. 당신의 예를 들어 말하기는 정말로 어렵습니다. 분명히 매우 희박하지는 않습니다. –

-1

왜 <div>에 'full_width' 클래스가 있습니까? <div>은 기본적으로 이미 전체 너비입니까?

어쩌면 <div>을 제거 할 수 있습니다.

출처

2012-10-08 17:22:45

이것은 적절한 장소가 아니지만 어쨌든 대답하겠습니다.

예, 필요하지 않은 div가 있습니다. 대신 <div id="ie6-container-wrap">를 사용 다른 <head>

처럼

<!--[if lte IE 6]><head class="ie6"><![endif]--> 
<!--[if !IE]><head><![endif]-->

에 대한 조건부 주석을 사용하거나 IE6 지원을 놓습니다.

전체 너비는 필요하지 않으며 대신 container를 width : 100 %로 설정하십시오.

또한, HTML5를 사용하고 <aside id="side1"></aside>

편집과 사이드 바 div의를 대체 할 수있는 : 여기 당신이 사용할 수있는 뭔가의 같은 결과를 얻을.

<!DOCTYPE HTML> 
<!--[if lte IE 6]><head class="ie6"><![endif]--> 
<!--[if !IE]><head><![endif]--> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>Title</title> 
</head> 

<body> 
     <div id="container" class="thin_width"> 
       <div id="content">    
        <aside class="lft dc2"> 
        LEFT SIDEBAR 
        </aside> 
        <aside class="rgt dc4"> 
        RIGHT SIDEBAR 
        </aside> 
        <div id="col-main"> 
        FINALLY - SOME CONTENT! 
        </div> 
       </div> 

     </div> 

</body> 
</html>

출처

2012-10-08 17:32:14

제가 Divitis로 고통 받고 있습니까?

답변

관련 문제