table구조를 ul로 만들기
또야
안녕하세요..
아.. 지칩니다.
여태 table로 잘 만들어 놨는데.. 관리자에서 설정하면 항목이 추가 되고 빠지게 해달라고
변경이 들어왔네요.
하다보니 문제점이 있어 도움좀 받고자 올려봅니다.
일단 전반적으론 영역자체가 %로 잡히구요..
기존엔 테이블 구조로 만들었었습니다.
table width100%
colgroup으로 width 15% 35% 15% 35%
빨간부분은 th 파란 부분은 td로 코딩 했었는데요.
한항목(th1 + td1)이 빠질수도 있고 추가될 수도 있게 해달라네요.
그래서 생각한게
ul로 만들려고 하는데
li를 한항목으로 잡으면서요.. li가 width:50%로 float를 시키는거죠
li안에는 dl로 dt dd로 나눠주고 float시켜서 가로로 정렬시키고요..
근데 문제는 전부 보더가 들어가 있기 때문에..
아시다 시피 %로 잡으면 보더 1px 들어간거 때문에 깨지게 되잖아요.
그래서 또 dd안에 span에 display:block 속성 줘서 dd에 %넓이 주고
span에 보더를 주는 방법을 할려고 했는데 와장창 무너지네요 ㅠ ie7에선..
파폭과 크롬의 영역 넓이도 다르게 잡히고..
지칩니다. 여러분은 이런거 어떤식으로 만드시나요?
-
큰모음
복잡해 ㅠㅠ
-
보라나
작업해놓은걸 올려보시고 거기에서 문제점을 확인해보는게 빠르겠습니다
-
슬찬
dl dt dd는 스타일로 위치잡기가 좀 까다로울 거예요. 연습이 필요한 부분이구요. 그리고 보더가 1px인게 문제가 되면 border-left나 border-right 등으로 보더를 줄 부분만 따로 주면 됩니다.
정확한 내용 파악이 안 되긴 하지만 힘내세요^^