오늘도 신나는 웹표준의 세계 정보
오늘도 신나는 웹표준의 세계
본문
<a href="http://sir.co.kr">
<div style="float:left; ">
<img src="" />
</div>
</a>
<div style="float:right; ">
<a href="http://sir.co.kr">
<img src="" />
</a>
</div>
첫번째 소스는 a태그 안에 div가 들어가 있고,
두번째 소스는 div안에 a 태그가 들어가 있습니다.
그냥 div 일때는 상관 없는데.. div의 스타일에 float를 쓰면.. 첫번째 소스는 IE7에선 링크로 인식이 안됩니다...
참.. 신나요 ^^
//----------------------추가사항.
혹시나 해서 좀더 해보니 background-color 같은건 괜찮은데 width,height는 또 인식이 안되고.. style을 어떤걸 주느냐에 따라서 링크로 되고 안되고 하네요.
정말이지 제발 IE7이하 쓰는 환경이 빨리 사라졌으면 좋겠어요 ....
추천
0
0
댓글 6개
ㅋㅋㅋ
영어닷!
패쑤~ㅡ.,ㅡ;
패쑤~ㅡ.,ㅡ;
a 태그는 inline element 임.
그 안에 block element 를 넣는다?
그 안에 block element 를 넣는다?
님이 뭘 말씀하시려는지는 알겠지만...
크롬이나 IE8에서는 되는게 IE7에서는 안되면 신나죠 ㅎㅎ
크롬이나 IE8에서는 되는게 IE7에서는 안되면 신나죠 ㅎㅎ
a에 div를 넣어야 하는 상황이 어떤건가요?
위의 예에서 조금 풍겨올지도 모르지만...
div안에 그림몇개를 집어넣고 float로 위치를 잡아줬어요..
근데 그 div 안에 포함된 그림들을 누르면 어디론가 갈수 있게 해달래요..
각각이 아니라 전부 같은곳으로 링크를 하는거라서...
그래서 그냥 div전체를 a태그로 후딱 잡아버리고 말았었죠...
근데 IE7에선 안된다고 하는 소리가 들려와서 보니.. 정말 이더군요..
보통이라면 이렇게 하지 않겠지만, 일의 순서가 뒤죽박죽이 되고 요청순서가 저렇게 되고 하다보니.. 이렇게 해버리게 되는 경우가 생기네요..
역시 실무는 신나요.ㅡ.ㅡ;
div안에 그림몇개를 집어넣고 float로 위치를 잡아줬어요..
근데 그 div 안에 포함된 그림들을 누르면 어디론가 갈수 있게 해달래요..
각각이 아니라 전부 같은곳으로 링크를 하는거라서...
그래서 그냥 div전체를 a태그로 후딱 잡아버리고 말았었죠...
근데 IE7에선 안된다고 하는 소리가 들려와서 보니.. 정말 이더군요..
보통이라면 이렇게 하지 않겠지만, 일의 순서가 뒤죽박죽이 되고 요청순서가 저렇게 되고 하다보니.. 이렇게 해버리게 되는 경우가 생기네요..
역시 실무는 신나요.ㅡ.ㅡ;
