파이어폭스에서만 깨지네요.
해까닥
이거 파이어폭스에서만 깨지는데 왜 그럴까요?
ㅠ.ㅠ
http://daomedu.1004hp.com/
깨지는 부분 css 입니다. 클래스로 선언하여 공통적으로 적용했는데 깨지네요.ㅠ.ㅠ
적용한 부분은 교육아카데미, 교육자료실, 교사구인, 구직이구요.
dl.skin_box1{position:relative;}
dl.skin_box1 dt{height:34px; border-bottom:1px solid #dfdfdf;}
dl.skin_box1 dt h2{position:absolute; top:9px; left:15px;}
dl.skin_box1 dt span.more{position:absolute; top:10px; right:10px;}
dl.skin_box1 dd.left{position:relative; width:50%; margin:10px 0;}
dl.skin_box1 dd.right{position:relative; width:50%; margin:10px -1px 10px 0;}
여기 css 적용한 부분은 교육기관매매, 상담실, 커뮤니티공간부분입니다.
dl.skin_box2{position:relative;}
dl.skin_box2 dt{height:32px; border-bottom:1px solid #dfdfdf}
dl.skin_box2 dt h2{position:absolute; top:5px; left:15px;}
dl.skin_box2 dt span.more{position:absolute; top:9px; right:10px;}
dl.skin_box2 dd {padding:5px 0 0 10px;}
기타 Opera, ie6,7,8 Safari, Google 크롬 에서는 이상이 없었습니다.
도와주세요.ㅠ.ㅠ
-
에드가
아..dt가 원래 인라인요소였나요?
아..이럴수가..여태 블럭요소인지 알았었는데ㅎㅎ
답변 감사합니다.^^
아..그런데 궁금중이 생겨서 그러는데..그럼 dt에 display:block을 주면 안되나요? -
푸르니
dt는 인라인요소 였네요..테스트 해보았더니 h태그에 display:inline;를 주거나 span으로 바꾸면 깨짐이 없어집니다!
-
BlackCat
일단 dl로 코딩했는데 h2를 적용한 부분이 잘못된거같습니다-
dl의박스 영역도 정해주지 않으셨구요- 이렇게 하면 안됩니다. 라고 하는건 아니지만
저라면
우선 dl 의 영역은 빼고 게시판 제목은 h2로 그대로 갑니다
하위 게시물은 li로 할거같습니다.
아니면 h2를 빼고 dt안에 제목의 내용을 넣을거같내요.
중요하다 싶으면 strong를 넣으셔도 될거같구요-
지금 위치에 h2 태그는 의미가 없습니다.
그래도 꼭 h2를 써야겠다 하시면 dt의 높이 -
다와
noah님 답변감사합니다.ㅎㅎ
좋은 사실을 알았네요.^^
근데 dt나 h테그에 inline을 주어도 해결은 안되네요.ㅠ_ㅠ
역시..허접한 코딩때문인듯하네요.ㅎㅎ
다른걸 고쳐봐야할듯하네요.ㅎㅎ -
영빈이
으히 감사합니다 ㅎㅎ
-
힘차
수다님이 대답해주셨네용 ^^
말그대로 블럭요소이기때문에 인라인요소로 둔갑시켜주는 거지요 뿅!! -
살랑살랑
저번 회식때 인상 좋으시던 수다님 아니신가요? dt가 블럭요소 였군요 퇴근할때 한번 웹표준 교과서 봐야겠습니다 ^^ 감사합니다
-
밤
dt는 블럭 요소입니다.
-
슬찬
질문좀..dt는 원래 인라인요소 아닌가요? dt에 display:inline;를 주면 되는게 왜 되는지 궁금합니다.답변좀 부탁드립니당.
-
시윤
dt에는 h와 같은 블럭 요소가 들어올수 없습니다. 그래서 ff 에서 밀리는거 같습니다. h를 span으로 수정하시던지 dt에 display:inline; 을 주시면 될 것 같습니다.