소스좀 봐주세요 position문제
장미빛볼살
/* 공인영어 */
.toeic { position: relative}
.toeic_img { float:left; padding:4px 0; margin:0; width:127px; background-color:#FF99CC ;position: absolute; left:0 ; top:0}
.toeic_tit_s{ padding-bottom:20px; margin:0; position: absolute ; left:150px}
.toeic_dot{ position: relative; left:0; top:20px; margin : 0px 0px 0px 145px;line-height:17px; color:#555555 ; font-size:11px ;background:url(../../images/putkr/utplan/toeic_bg.gif) no-repeat 0 20px; background-color:#FFCCFF}
.toeic_dot li{ background : url(../../images/putkr/common/dot_org.gif) no-repeat 10px 40% ; padding-left : 18px ;}div class=toeic
p class=toeic_imgimg src=../../../images/putkr/utplan/toeic_img01.gif //p
p class=toeic_tit_simg src=../../../images/putkr/utplan/tit_toeic_s01.gif //p
ul class=toeic_dot
li전반적인 비즈니스: 계약, 협상, 마케팅, 세일즈, 비즈니스 계획, 회의/li
li제조: 공장관리, 조립라인, 품질관리/li
li금융과 예산: 은행, 투자, 세금, 회계, 청구/li
li개발: 연구, 제품개발/li
li사무실: 임원회의, 위원회의, 편지, 메모, 전화, 팩스, 이메일, 사무장비와 가구/li
/ul
/div
이거고요 .. 쓰인 이미지 따로 첨부했습니다.
지금 이렇게 레이아웃 위치가 나와야 하는데요 다른브라우저는 다 나오는데
ie6 에서만..아래와같이 나옵니다
겹쳐서요 왜그런거져???ㅠㅠ
-
다스리
콜론 제대로 박혀있는데요 어디말씀하시는건지...
-
커피우유
음 toeic_dot 스타일에서 margin : 0px 0px 0px 145px; 대신에 left:145px로 주심 해결될듯 한데요
flot:left는 의미가 없는 거 같고요 -
얀별
position; absolute:
이렇게 되어있는걸
position:absolute; 로 바꾸라는 말씀같네요 :-) -
예그리나
.toeic_tit_s { padding-bottom:20px; margin:0; position; absolute: left:150px}에서 잘 보시면...
position뒤에 (;)이 들어가 있습니다. 그래서 레이아웃이 깨진겁니다. 콜론(:)으로 바꿔주세요.
그리고 소스를 보니 ppul로 레이아웃이 잡혀있는데요..
디자인이나 컨텐츠로 볼때.. dl로 레이아웃을 잡는게 의미상 더 가까운것 같습니다.
웹표준은 모든 웹브라우져에서 보이게하는 것 못지않게.