항상 가운데정렬을 하고 싶습니다.
치에미
style type=text/css
#wrap {position：absolute; top:50%; left:50%; margin-top:-400px; margin-left:-500px; width:1000px; height:800px; background:pink}
#wrap2 {width:900px; height:700px; background:yellow; margin:0 auto; position:relative; margin-top:50px}
#wrap2 #menu {position：absolute; top:0; left:-10px; width:100px; height:200px; background:blue}
/style
div id=wrap
div id=wrap2
div id=menu/div
div id=cont/div
/div
/div위 소스가 제가 코딩한건데요.
저 소스를 쓸 경우 항상 가운데 정렬이 가능한데 창 크기를 가로 1000이하 세로 800이하로 줄일 경우 #wrap 에 썼던 margin-top:-400px; margin-left:-500px; 이 만큼 스크롤 밖으로 내용이 벗어나게 되버립니다.
창 크기가 가로 1000이하 세로 800이하로줄여질 경우 노란색 영역까지 숨겨지는거 없이 제대로 나오게 하고 싶습니다.
숨겨지는거 없이 제대로 나오게 하려면 창이 커질 경우 가로 세로 가운데 정렬이 안되고 가로세로 가운데 정렬을 하려니 -영역은 창이 작아질 경우 사라져버리고 그러네요;;
방법이 없을까요 ㅠ.ㅠ창이 최대화 되 있을 대 정상적으로 가운데정렬됨
창이 축소 되면 화면 밖으로 나가지는 영역이 생김.----------------------------------------------
추가
작업 페이지의 사이즈가 가로 1150 정도인데
업체에서 1024 사이즈로 줄였을 때 내용이 가려진다고 수정해달라는 요청이 와서요 ㅠ.ㅜ
-
잉간
마진 0 auto 로 하더라도 가려져서 안보이는 문제는 어쩔수 없어요...;
사용자의 모니터 해상도가 1024인데, 1150을 아무리 센터정렬하고 어쩌고 저쩌고 한들, 화면을 뚫고 나가는건 변함이 없죠... -
내꼬야
여기서 문제는 가려진걸 볼수있는 스크롤바 조차도 안생긴다는겁니다.
-
모드니
저 방식으로 세로가운데 정렬했을때 생기는 문제입니다.
가로 사이즈가 고정이라면 margin:0 auto; 하시고
세로 정렬은 자바스크립트를 쓰는게 좋겠네요. -
나슬
브라우저의 최저 해상도가 1024*768이므로
문서 디자인 하실때 1024를 기준으로 작업을 하셔야 합니다.
해상도가 큰 브라우저의 경우는 1150이여도 상관 없겠지만
1024인 경우 스크롤이 생길 수 밖에 없겠죠- -
또야
윈도우를 문서 크기보다 작게 줄이지 않으면 됩니다.
문서 1000 x 1000
윈도우 900 x 900
당연히 가려질수밖에 없죠^^;
디자인을 1024 환경에 맞춰서 다시 작업해야겠네요...