IE6에서 이상하게 나와요~
한울
안녕하세요.
고민고민하다가 해결이 안되어 고수님들께 여쭙니다~
아래 그림처럼 화면중앙에 박스 두개를 두고
박스 아래로 겹쳐지는 배경을 넣고 싶습니다.
익스 7~ 파폭, 사파리까지 다 맞췄는데요
IE6에서만 원하는 모양이 나오지 않습니다.희망하는 레이아웃IE6에서 화살표 방향으로 연두색 BG가 나오지 않습니다.
div id=bgWrap
div id=leftBG
div id=contWrap
div id=rightAraeaContent for id rightAraea Goes Here/div
div id=leftAreaContent for id leftArea Goes Here/div
/div
/div
/div#bgWrap { width: 970px; margin-right: auto; margin-left: auto; }
#leftBG { background: #CCFF00; width: 2000px; margin: 0px 0px 0px -1684px; }
#contWrap { width: 970px; position: relative; z-index: 100; margin-left: 1684px; }
#leftArea { height: 300px; width: 268px; border: 10px solid #000099; }
#rightAraea { background: #FFFFFF; float: right; width: 660px; height: 250px; position： absolute; margin-left: 290px; margin-top: 50px; border: 10px solid #FF6600; }부디 도움을 주시어 자라나는 새싹을 보다듬어 주세여ㅠㅠ;;
-
도래솔
\t#bgWrap{
\t\twidth:970px;
\t\tmargin:0 auto;
\t}
\t#contWrap{
\t\tbackground-color:#ccff00;
\t\twidth:970px;
\t}
\t#leftBG{
\t\tposition:relative;
\t}
\t#leftArea{\t\t
\t\twidth: 268px;
\t\theight: 300px;
\t\tfloat:left;
\t\tmargin-right:10px;
\t\tbor -
리나
#bgwrap{width:970px; margin:0 auto; }
#lefbg{background-color:#cf0;}
#contwrap{width:970px; padding-bottom:50px;}
#leftaraea{background-color:#fff; float:right; width:660px; height:250px;}
#rightaraea{background-color:#fff; float:left; width:310px; height -
바나나
헉 ! 그렇다면 position을 쓰시는게 좋을듯.
div 끼리 같은 깊이를 사용하세요. -
찬바리
흠~ 제가 설명을 잘못 드린 모양이네요..ㅠㅠ
첫번째 이미지처럼 만들고 싶다는 이야기인데 ㅡㅡ;; -
올해1살
#leftBG:after { content:\.\; display:block; height:0; clear:both; visibility:hidden; }
#leftBG { display:inline-block; }
추가해보세욤 -
요루
죄송해요....잘 이해가 안되요ㅠㅠ
주신 소스로 테스트 해보니 그냥 left/right Area 하단에 깔리는 형태가 되네요