이미지게시판 리스트에 대한 foat:lfet 방법론 ?
낮선검객
아래이미지를 보시면 위에서부터 익스 6,불여우 3.6, 오페라 10순으로 렌더링된 이미지입니다.
소스는 아래와 같습니다.익스에서는_height:100px 처럼 핵을 사용하지 않으면 clear:both 를 적용한 다음에 오는 블럭이앞서 선언한 블럭의 요소를 제대로 인지하지 못하는 버그? 상태라서
익스 6,7에서의 핵을 이용하는 방법으로 처리하고있씁니다.제가 궁금한건 여러분들은 이러한 게시물 리스트(이런한 형태는 대게 이미지게시판에 설명이 1~3줄정도의 텍스트가 들어가는 형태? )를 어떠한 방법으로 해결하시나요?제경우는 아래방법으로 해결합니다만...여러분의 의견을 얻고자합니다.....style type=text/css
!--
li { border:1px dashed #0f0; width:150px; _height:100px }
--
/style
ul style=width:462px; border:1px solid #f00
li내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용/li
li내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용/li
li내용 내용내용 내용내용 내용내용 내용내용 /li
li style=clear:both1111111111 111111 11111111 111111111111111 /li
li2222 내용내용 내용내용 내용내용 내용내용 /li
li내용 내용내용 내용내용 내용내용 내용내용 /li
li style=clear:both내용 내용내용 내용내용 내용내용 내용내용 /li
li내용 내용내용 내용내용 내용내용 내용내용 /li
li내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용/li
li style=clear:both내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용/li
li내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용/li
li내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용/li
li style=clear:both내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용내용 내용/li
/ul
-
PrinceSs
아마도 고정값이 아닐때의 경우를 물으신 것 같은데,
js나 핵을 배제한다면,
테이블이 아니고서야, 3개씩 묶는 수밖에 없을 것 같아요... -
도래
좋은방법은 아니지만..
ul style=\width:462px; border:1px solid #f00; overflow:hidden; clear:both;\
overflow:hidden;을 사용하여 처리합니다.
clear:both;는 ie6에서 행여나 클리어가 되지않는경우를 방지하고자 같이쓰고있습니다.
overflow:hidden;으로 정렬속성을 클리어 시키는것은 좋은 방법은 아니지만 ul의 경우 클리어 시킬 방도가 없더군요..
냠냠..=_,= -
세리
inline-block도 ie6때문에 zoom이..
-
싸리
이런 경우는 고정으로 하는것이 가장 좋은거 같아요 유동적이라면 스크립트나 핵이나 이것저것 끼워 넣어야 하는데 고정으로 해버리면 개발하기에도 편하고 위에와 같이 clear:both도 필요없게 되고......
암튼 안놀아요.......ㅎㅎ -
눈내리던날
네 재가 얻고자하는 해답은 핵이나js를 배제하는 방법이였습니다.
모든호환성을 위해서라면 역시 테이블같군요 =ㅁ= -
소년틳터프
고정으로하면 역시 좋죠 개발단에서도 코딩줄수가 줄어들고말이죠 !!
저도 이러한 유동적인 데이터게시물은 좀 싫어라합니다.
해놓고도 이게시물은들은 한줄뿐이 글이안나오는데 왜떨어졌어요? +_= 하는 클라이언트나 디자이너의 질문에대해 답변해야하는 귀차니즘이란 -_-;; -
Sona
개인적인 의견은 3개씩묶었을경우 3개의ul이 사실상 하나의 리스트 목록인데 따로한다는것은 마크업에 안맏는다고 생각하여 사용하지 않고 있습니다.