ie6 핵처리 도와주세요.
가온누리
css가 있습니다..
문제는 파란색으로 넣은 css인데요..
#s_contents 안에 #sub_main이 들어있는 div입니다둘다 left margin이 들어가서 그런지..ie6에선 #sub_main ←요 녀석이 밑으로 떨어져 버리더라구요,,
그래서 빨간색으로 표시한 25px; 을 0으로 하니까ie6 에선잘나오지만. ie8은 마진값이 빠지니까 이상해지고,,,
그럼 ie6만 핵처리를한다고 들었는뎅...
저 css에서 어떻게 해야하는건지....제가 초보라......자신이 없네요~~
알려주세요`~~ㅠㅠ
(css가 부족하거나 내용이 부족하면 말슴해주세요`~~~ㅠㅠ)
/*layout*/
#wrap{width:970px;margin:0 auto;}
#container {background: #ffeaff;width:970px;margin-top:5px;}
#headerMenu {background: #1a47a3; margin-bottom:5px;}
#leftMenu {float:left;width:210px;}
#footerMenu {clear:both;;background: #70e797; margin-top:5px; }
#contetns {float:left;width: 500px;margin:0 5px 0 5px;}
#s_contents{float:left;width:755px;height:100%;margin:0 0 0 5px;}
#sub_main {float:left;width:720px;height:100%;margin:10px 10px 20px 25px;background: #FFF;}
.sub_top {width:755px;height:43px;background:url(common/image/sub_topbg.gif) no-repeat 0px 0px;float: left;}
.sub_top ul li {float:left;display:block;margin:15px 0 0px 15px;font-family: 돋움;font-size: 12px;color: #515151;font-weight: bold;}
.tabst1 {width:720px; height:100%; font-family: 돋움,Arial; margin-bottom:20;text-align:justify;}
.tabst1 ul li { width:705px; height:100%; font-family: 돋움,Arial; letter-spacing:1px;line-height:140%; color:#686767;text-align: justify;}
-
맑은누리
상단에 있는 이미지가 사라졌네요,,,
ㅜㅜ
좋은정보 다시한번 감사드립니다.~~ -
하련솔
더블마진의 경우는 padding값으로 바꾸면서 조율할수 있으니 최대한 핵쓰는 작업을 피해가심이..ㅋ
수정전
#sub_main {float:left;width:720px;height:100%;margin:10px 10px 20px 25px;background: #FFF;}
수정후
#sub_main {float:left;width:720px;height:100%;margin:10px 10px 20px 25px; _margin:10px 10px 20px -
수국
굳이 저상태에서 마진수정말고 핵을 쓴다면.어떻게 넣어야하는지......
-
바름
html을 드리게 좀,죄송해서.......
float:left 을빼면 마진값이 안먹어서요,,왼쪽에 카테고리가 있고 가운데 컨텐츠가 있는 디자인인데(이해가 안되시겠죠;;;) 가운데 전체 컨텐츠를 쌓는 div 인데..헤더메뉴 퓨터메뉴 레프트 메뉴와의 간격을 띄어주는 마진이라 줄수밖에 없는거 같아요,,,,어렵네요,, -
찬바리
구조가 어떻게되어있는지 html 부분이 있으면 수정안을 제시하기가 편할텐데용..
굳이 float 을 넣지않아도 되는부분이면 float:left를 빼셔두되고 ~ margin 대신 padding 으로 하셔도 될듯해용 -
난새
죄송해요 , 제가 초보라~~ 답주신건 이해가 됐는데요,,
저렇게 넣으니..ie6에서 마진이 없이..왼쪽으로 붙어서요,
ie6에서도 마진이 들어가야 하는상황인데요,,ㅠㅠ -
들햇님
빨간색으로표시한 25px 을 ie6에서만 0 으로 바꾼거에염..
위와같은현상은 ie6에서 왼쪽으로 더블마진이 먹은현상입니당.
float:left -- 처럼 float 된방향과 같은방향의 마진값이 있으면 ie6에서는 2배로 적용이되는 버그가 있습니다.
위의현상은 핵을 쓸필요없이 더블마진에대한부분만 수정해줘도 될듯해용~ -
큰아
저 css고대로 두고 써주신것만 css에 추가하면 된다는 건가용?
그럼 ie6 에선 마진없이 왼쪽으로 붙어버리는데요? -
가랑비
*html #sub_main {margin:10px 10px 20px 0;} 추가 하시면되욤~