묻고답하기
계속 미치는 중입니다. 도와 주세효... (div태그로 레이아웃)
2008.05.07 10:07
댓글 3
-
guny
2008.05.07 12:00
-
guny
2008.05.07 12:04
맨위 소스 일부분이 짤리네요... [copy to clipboard]란 버튼을 클릭해서 복사하세요... -
궁금해서 미치겠어요
2008.05.07 14:32
ㅠ.ㅠ guny님 정말 감사드립니다.
제가 짠 소스도 guny님과 많이 다르지 않아 여러각도로 계속 테스트 해 본 결과 엄청난 사실을 발견했습니다.
guny님 소스에는 주석이 없고 제 소스에는 주석이 있어서... 주석을 지우고 해본 결과 =.= 되는 겁니다.
그래서 부랴 부랴 주석을 하나씩 새로 달면서 했는데 주석이 두번 연속으로 나오니까 위와 같은 버그가 생기더군요.
도무지 이해 할 수 없는 버그라서... 그냥 포기하고 연속 두개의 주석 중 하나만 지우고 사용하니까 되더군요...
guny님의 도움으로 문제를 해결할 수 있어서 너무 감사합니다.
<!-- End Contents Left -->
아래 소스 참고하세요..제 스타일로 써서 습관이 안될지도...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="generator" content="editplus" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <style type="text/css"> body{margin:0; padding:0;} #wrap{margin:10px auto; border:1px solid #eee; width:990px;} #top .login{background-color:#e1e1e1;} #top .menu{background-color:#ccffff;} #contents .left_image{width:570px; height:500px; background-color:#0066cc; float:left;} #contents .right_side{width:420px; background-color:#cc0033; float:right;} #contents .right_side .new_1{height:145px; background-color:#FFCC00;} #contents .right_side .new_2{height:140px; background-color:#FF6633;} #contents .right_side .new_3{height:110px; background-color:#99CC00;} #contents .right_side .new_4{height:105px; background-color:#FF0099;} #contents .clear{clear:both;} </style> </head> <body> <div id="wrap"> <div id="top"> <div class="login">로그인 폼</div> <div class="menu">플래시 메뉴</div> </div> <div id="contents"> <div class="left_image">비주얼 메인 이미지</div> <div class="right_side"> <div class="new_1">첫번째 - 글짜 많이 입력해보자. </div> <div class="new_2">두번째 - 글짜 많이 입력해보자. </div> <div class="new_3">세번째 - 글짜 많이 입력해보자. </div> <div class="new_4">네번째 - 글짜 많이 입력해보자. 여기는 더 많이 해보자</div> </div> <div class="clear"></div> </div> </div> </body> </html>