또..질문입니다-!!
다이
style
#content {
width: 100%;
position:relative;
}
#left_menu {
width: 185px;
height: 100%;
background:#000000;
min-height:675px;
float: left;
}
#center{
width:100%;
height: 100%;
float: left;
position:relative;
margin:0 0 0 10px;
}
/style
div id=content
div id=left_mypage왼쪽메뉴 자동축소/div
div id=center오른쪽 컨텐츠/div
/div
--------------------------------------------------------------------------------------------------------------
주황색 글씨 부분-
width:100% 하면 #content 100% 이상으로 삐져나가 횡스크롤이 생깁니다.
이걸
width:80%
이렇게 바꿨는데
이게 브라우저 늘어남에 따라- 100%딱 안맞게 늘어나네요-
아무래도 left_menu 의 width가 정해져 있어서 뭐 딱히 방법이 없어서 한건데...
1. content width 100%에 맞게 center 부분이 늘어날수는 없을까요-?!
2. center 부분이 상위에 다른 100%와 min-width 가 적용되어 브라우저가 줄어들때 어느정도가 되면 안줄어 드는데--
margin만 center css에 넣으면 밑으로 떨어지네요...
이 두부분 해결할 좋은 방법 없을까요..ㅜ
[추가질문- table과 같이 할때 IE6,7은 100%가 적용되서 잘되는데 왜 firefox는 안될까요.ㅜㅜ]
-
뿡뿡
html, body {height:100%; width:100%;margin:0;}
div style=\width:100%; height:100%; background:#eee;\
div style=\background:#ddd; width:185px; height:100%; float:left\left/div
div style=\ height:100%; min-width:500px;\right /div
/div
이런 스타일을 원하신건가 해서...흠 -
다이
100%에 margin:0 0 0 10px 이부분이 포함이되서 100%이상이 되는거에요...;;;
-
크리에이터
조금 특이한거같은데 어떤 디자인을 구현하려고 하시는지...ㅋ
좀더 쉬운 구조가 있을수도 있습니다 -
아담
float된 div2개를 더한값은 100%+185px; 이 됩니다. 오른쪽 컨텐츠 100%를 유지 하시려면 오른쪽 컨텐츠인 center에서 float:left;를 빼서 사용하시기 바랍니다. 일종의 float의 효과를 이용한 꼼수죠
-
딥체리
근데- margin부분을 뺐는데도- 위에top gnb보다도 더 삐져나가더라구요.ㅜ 방금 margin 뺐습니다.ㅜㅜ
-
꽃겨울
결국.. table로 한번 겉에를 씌웠답니다~ㅜ