우와~ 이쁘네요 ^^

어 블루가 나왔군요 블루로 바꿔야 겠네요 잘쓰고 있습니다
메뉴바도 약간 고쳐서 사용중입니다 한번 구경오세요
잘쓸게요

 멋지네요..

멋진로그인폼 감사드립니다 한가지 이상이있어서 글올립니다
아래이미지처럼 하단쪽이 틈(여백)이생기더군요?
수정한것은 제가 어두운배경과밝은배경레이아웃을둘다쓰기때문에
그림파일을 투명 PNG파일로 바꾸볼까하고 여백배경부분을 오린것뿐이없읍니다
(전체그림사이즈는 변경없구요~)
일단은 로그인창을 그냥나둘께요 메인 화면쪽입니다  확인좀해주시겠읍니까? 개발자님...

아래이미지고 부라우져는 일단파폭에서만봣읍니다~




로그인창적용페이지입니다

http://gabriel2007.hosting.paran.com/zbxe/

네~백짱구님  다시한번 살펴봣는데 파폭 (Mozilla Firefox 3  Beta 4) 에서 마찬가지고요~

제컴터는 윈도우 환경은  XP-2000입니다

그리고 아래 CSS커드는 변경없는 개발자님의 코드그대로입니다

이미지 아래에 코드복사해놓을께요 

참!!!  ie7에서는 오류없이정상으로나오더군요~

바쁘시더라도 한번다시살펴주시겠읍니까?




CSS코드

#login { width:200px; border:0; margin:0; position:relative; display:block;}
#login_after { width:180px; margin:0; background-color:#C77C6B; position:relative; display:block;}
*:first-child+html body #login { padding-top:2px;}
#login legend { display:block; width:0; height:0; overflow:hidden; font-size:0;}
#login form { position:relative; background-image:url(../images/default/loginBG.png); padding:0px 9px 0px 11px; width:180px;}
#login form .idpwWrap { overflow:hidden; clear:both; width:172px;}
#login form .idpw { float:left; width:110px; }
#login form .idpw input { border:1px solid #c9c9c9; color:#282828; width:105px; background:#fbfbfb; padding:1px 5px; margin-bottom:2px; font:.9em Tahoma;}
#login form .login { float:right;}
#login form p.save { clear:both; padding:.3em 0; letter-spacing:-1px; }
#login form p.save input { vertical-align:middle; _margin:-3px;}
*:first-child+html body #login form p input { margin:-3px; }
#login form p.save label { font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#f3e9e7;}
#login form ul.help { border-top:1px solid #e4e4e4; overflow:hidden; padding:.5em 0 0 0; white-space:nowrap;}
#login form ul.help li { float:left; display:block; padding:0 3px 0 7px; background:url(../images/default/vrType1.gif) no-repeat left center;}
#login form ul.help li.first-child { background:none; padding-left:0;}
#login form ul.help li a { color:#ffffff; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; white-space:nowrap; text-decoration:none; }
#login form ul.help li.first-child a { color:#ffffff; text-decoration:none;}
#login form ul.help li a:hover { text-decoration:underline; }
#login form .userName { _float:left; overflow:hidden; border-bottom:1px solid #e4e4e4; padding:4px 6px 5px 4px; margin-top:-5px;}
#login form .userName strong { color:#282828; padding:4px 0 0 2px; font:bold .9em Tahoma;}
#login form .userName a { float:right;}
#login form ul.userMenu { padding:0 0 6px 4px; overflow:hidden; margin-top:10px; color:#F3E9E7; }
#login form ul.userMenu li { list-style:none; padding-left:10px; background:url(../images/default/bulletFF1A00.gif) no-repeat left 4px; height:18px; }
#login form ul.userMenu li a { color:#F3E9E7; text-decoration:none;}
#login form ul.userMenu li a:hover { text-decoration:underline;}
#login form p.latestLogin { color:#ffffff; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#login form p.latestLogin span { font:1em Tahoma;}

img.login_mask { width:201px; height:5px; background:#ffffff; display:block;}
#openid_login { width:200px; border:0; margin:0; position:relative; display:block;}
*:first-child+html body #openid_login { padding-top:2px;}
#openid_login legend { display:block; width:0; height:0; overflow:hidden; font-size:0;}
#openid_login form { position:relative; background-image:url(../images/default/loginBG.png); padding:0px 11px 0px 11px; width:178px;}
#openid_login form .idpwWrap { overflow:hidden; clear:both; width:172px;}
#openid_login form .idpw { float:left;}
#openid_login form .idpw p { margin-bottom:5px; background: url(../images/openid_login_bg.gif) left no-repeat; padding-left:18px; font-size:.9em Tahoma;color:#ffffff; }
#openid_login form .idpw input { border:1px solid #c9c9c9; color:#282828; width:105px; background:#fbfbfb; padding:1px 5px; margin-bottom:2px; font:.9em Tahoma; }
#openid_login form .login { float:right;}
#openid_login form p.save { clear:both; padding:.3em 0;}
#openid_login form p.save input { vertical-align:middle; _margin:-3px;}
*:first-child+html body #openid_login form p input { margin:-3px; }
#openid_login form p.save label { font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#F3E9E7;}
#topBG { height:36px; margin:0; background-image:url(../images/default/loginTop.png); }
#bottomBG { height:31px; margin:0; background-image:url(../images/default/loginBottom.png); }

원인을찼았읍니다 백장구님

혹시 백짱구님  테스트싸이트레이아웃에도 아래코드를  설정에서 추가하셨나요??

정식버전출범후에 레이아웃오류를 고치기위한응급처방중에

<style type="text/css"> * { margin:0; padding:0; } </style>

이코드아시죠?? 레이아웃 설정에서 헤더부분에 추가시키던.............

저갓은경우는 정식버전 기본 레이아웃을 수정해서 쓰던중이라 

이코드를적용안하고 제가수정한부분들의 레이아웃 이이디값에 자체 에 CSS 코드에

margin:0; padding:0;  값을 주었거든요~~

아래갔은식으로요~

@charset "utf-8";
/*
NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
Jeong, Chan Myeong 070601~070630
*/

/* Black Skin - Start */
#selectLang { margin:0; padding:0; }
#gnb { margin:0; padding:0; }
#gnb_sub { margin:0; padding:0; }
#lnb { margin:0; padding:0; }
#lnb ul { margin:0; padding:0; }
#footer { margin:0; padding:0; }

/* Site Layout - Body Wrap */

레이아웃의 위코드와갓은식으로요~

그래서 레이아웃 의어그러지던곳을수정하였기에

굳이 헤더추가를안했거든요~`

그부분에 혹시나하고 생각이들어 설정에서

<style type="text/css"> * { margin:0; padding:0; } </style>코드를 삽입하니 일단파폭에서도 정상

출력은되었지만은 글쎄요??? 이것이  올바른것인지 제가했깔리네요~^^::

이러다보니답글에 스크롤압박이 조금씩생기고있다는.. ^^::

아쿠아 블랙로그인사용하여 이미지만 변경하여 사용 하고있읍니다.

그런데 아래 그림과같이 분홍색 처리된부분만큼 밀려서 표현이 되는군요.

달리 수정한 것은 없고  이미지 부분만 상단 하단 이미지를 수정하여,
 
사이즈는 변동 없이 아래와같은 모양으로 수정한거 밖에 없는데요.

로그인시 밀려서 표현 되는것은 어느곳을 수정하면 될까요.

* { margin:0; padding:0; } 를 css에 추가하는것으로 해결했읍니다.