Mozilla 한국 커뮤니티

아아...사이트맵 페이지인데요

한줄에 세개의 그룹씩 메뉴가 들어가는거라서..float:left를 쓰고 있습니다.
근데 저 그룹들의 height값이 제각각이거든요
그래서 제가 바라던대로 표현이 되고 있지 않네요

1 2 3

4 5 6

이렇게 되어야 하는데

1 2 3

4

5 6

2번 그룹의 내용이 길경우 이런식으로 표현이 됩니다.

li 로 해서 display:inline을 써보려고도 했는데요
ul 속에 또 ul이 있고 하다보니 그것도 어렵네요...ㅠ_ㅠ


고수 여러분의 조언 부탁드립니다(__)

4번째, 7번째 등에서 clear 해주면 됩니다.

IE도 맞춰야 한다면 테이블 처럼 3개씩 묶어 줘야 할 겁니다.

어제밤에 그것땜에 무지 신경쓰였는데 해결해주셔서 감사드려요

그나저나 그렇게되면
이미지와 제목등이 들어가는 갤러리스타일의 게시판에는 테이블로 짰던 것처럼 숫자구분을 해줘야 되는거군요..
아아..개발하는사람의 짜증이 들리려고 하네요
분명 이럴꺼예요
"어차피 그럴꺼 그냥 테이블로 짜지 그랬어요?"

이 회사는 디자이너는 디자이너대로 수정할때 어렵다고 테이블코딩 하자 그러고
개발자는 개발자대로 하던대로 하자 그러고...ㅠ_ㅠ

마루 wrote:이미지와 제목등이 들어가는 갤러리스타일의 게시판에는 테이블로 짰던 것처럼 숫자구분을 해줘야 되는거군요..

갤러리 스타일의 게시판은 LI의 높이를 고정할 수 있을 테니까 안그러셔도 될겁니다. 4, 7, 번째에 clear 하는 거를 id를 지정해서 하는게 제일 간편하겠지만 javascript로 하면 깔끔하게 해결 할 수 있을 겁니다.

float가 좀 신경을 많이 써줘야 하죠. -.,-