<div id="left">...</div>

<div id="main">...</div>

var a1 = $("#left").height();

var a2 = $("#main").height();

if(a1 > a2) {

$("#main").height(a1);

} else {

$("#left").height(a2);

}

* 간단하지요. jquery 사용하심됩니다.

참고로 ajax가 사용된다면 ajax 실행하고 결과가 완료된 후에 위의 코드를 적용해야 합니다.

제가 이해를 잘 못한건지는 모르겠는데요.

스크립트 처리말고 css에서 height 값을 고정으로 주시지 말고 가변적으로 주시면 될 것 같은데요.

딱히 스크립트로 height값을 읽어서 맞춰 줄 필요가 있는지요? 

"테이블에서는 다른 칸에서 값이 길어서 길어지면 옆에 같은 라인들은 다 그 길이만큼 길어지는데

div는 그게 안되니까 어찌할 방법이 없네요."

div도 가능 합니다. ^^ height값을 고정으로 안주면 되는 부분이구요.

css에서 min-height값을 이용해서 최소 height값만 고정 후 컨텐츠가 그 내용보다 길어지면 div가 늘어나면 되는

부분입니다. 단, min-height는 ie6에서는 작동을 하지 않습니다.

질문의 요지를 이해를 못한것이라면 죄송합니다 ㅋ

전 설명듣고도 이해가 안갑니다. ^^

본문쪽이 길어지거나 서브쪽이 길어지거나 디자인상 같게 보일려면 순수 css는 배경이미지 처리 말고는 없습니다.

물론 jquery로 처리가 가능은 하겠지만

이미지 처리하는게 훨 가볍죠.

저도 jquery를 많이 사용하는 편이지만 이번건은 css로 처리해야된다고 생각합니다.

제가 주로 쓰는 방법은 왼쪽메뉴와 내용을 넣을 container 에서 처리하는 방법밖에 없어 보이네요.

<div id="container">

<div id="left">

</div>

<div id="main">

</div>

</div>

근데 굳이 태그로만 처리해야 하는지를 잘 모르겠네요. 어짜피 <div> 자체가 독립적으로 구성되어 있게 된 것 자체가 수정의 편의성 등 여러부분에서 강점이 있는데 이걸 비독립적인 형태로 만드는 게 있다면 오히려 불편하지 않을까 싶어요.