웹표준 왜케 짜쯩나나요?

현재접속자 최신글 매뉴얼 FAQ
그누보드5
그누보드6
가이드
포럼
  • Q&A
  • 파이써니스타
  • 이슈
  • 버그신고
  • 사용후기
    • 자료실
  • 다운로드
  • 팁자료실
  • 스킨
  • 테마
  • 플러그인
    • Q & A
    궁금한 게 있으신가요? 지금 질문해보세요!
    솔루션
    프로그래밍
    서버
    사이트운영
    컨텐츠몰
    나의 재능을 팔아보세요!
    부가서비스
    프로모션! 신용카드 결제수수료 2.9%
    제작의뢰
    커뮤니티
    커뮤니티
    소모임
    스터디
    강좌
    기타
    웹표준 왜케 짜쯩나나요?

    QA

    웹표준 왜케 짜쯩나나요?

    본문

    문제를 좀 잡아주세요.
     
    1. footer가 상단 메뉴에 붙어서 나옵니다.
    2. visual 쪽에 좌측이미지 4개중에 2개는 190px로 같이 붙어서 나와야 되는데
    총 넓이를 380로 잡으면 2개중 하나가 아래로 내려갑니다.
    3. what's new 에 리스트가 세로로 졍렬을 어떻게 해야하나요????
     
     
    1.html
    <!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" xml:lang="ko" lang="ko">
    <head>
    <meta http-equiv="Content-Type" content="application/xhtml+xml;charset=utf-8" />
    <meta http-equiv="Content-Script-Type" content="text/javascript" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <title>네이쳐이앤씨</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="header_wrap">
    <div id="header">
    <div id="topmenu">
    <ul>
    <li class="first"><a href="main.html">로그인</a></li>
    <li><a href="">회원가입</a></li>
    <li><a href="">장바구니</a></li>
    <li><a href="">주문배송조회</a></li>
    <li><a href="">고객센터</a></li>
    </ul>
    </div>
    <div id="logo"><a href="#"><img src=img/logo.gif alt=""></a></div>
    <div id="search"><input type="text" name="id"  id="search_id">
    <input type="image" src="img/btn_search.gif" alt="검색버튼" /></div>
    </div>
    </div>
    <div id="navi_wrap">
    <div id="navi">
    <ul>
    <li>회사소개</li>
    <li>제품소개</li>
    <li>포트폴리오</li>
    <li>견적문의</li>
    <li>고객센터</li>
    </ul>
    </div>
    </div>
    <div id="visual">
    <div id="visual_a">
    <div id="visual_ab">
    <ul>
    <li><a href="#"><img src="img/mimg_02.jpg" alt="" /></a></li>
    <li><a href="#"><img src="img/mimg_022.jpg" alt="" /></a></li>
    </ul>
    </div>
    <div id="visual_ac">
    <ul>
    <li><a href="#"><img src="img/mimg_023.jpg" alt="" /></a></li>
    <li><a href="#"><img src="img/mimg_024.jpg" alt="" /></a></li>
    </ul>
    </div>
    </div>
    <div id="visual_b">
    <ul>
    <li><a href="#"><img src="img/mimg.jpg" alt="" /></a></li>
    </ul>
    </div>
    </div>
    <div id="content">
    <div id="b_left">
    <h2 class="hPlus"><img src="img/tlt_notice.gif" alt="WHAT'S NEW" /></h2>
    <ul>
    <li><a href="#">여성가족부 및 코윈 로고</a></li>
    <li><a href="#">2013년 KOWIN 홈페이지 개편 안내</a></li>
    <li><a href="#">제13회 세계한민족여성네트워크 행사 종료 </a></li>
    <li><a href="#">2012 KOWIN 다문화가정을 위한 모국어 도서...</a></li>
    </ul>
    </div>
    </div>
    <div id="footer">
    <ul>
    <li class="first"><a href="">개인정보보호정책</a></li>
    <li><a href="">회원약관</a></li>
    <li><a href="">사이트맵</a></li>
    <li><a href="">회사소개</a></li>
    <li><a href="">이메일수집거부</a></li>
    </ul>
    </div>
    </body>
    </html>
    style.css
    *{margin:0; padding:0;}
    img, fieldset{ border:none;}
    input,select{ vertical-align:right;}
    ul li { list-style:none; }
    table{ border-collapse:collapse; border-spacing:0;}
    body{ font:12px/1.4 gulim, "굴림", sans-serif; color:#606060;}
    input,select,textarea{ font:12px/1.4 gulim, "굴림", sans-serif; color:#606060;}
    a{ text-decoration:none; color:#606060;}
    a:hover, a:focus{ color:#54811b;}
    #header_wrap { width:100%; height:74px; background:#F1F1F1; }
    #header { margin:0 auto; width:960px;  height:74px; text-align: center; }
    /*탑메뉴*/
    #topmenu { float:left; width:320px; height: 25px; }
    #topmenu ul {  font-size:9px; font-family:돋음,arial; color:#666666; width:320px; padding:40px 7px 0 6px;}
    #topmenu ul li{ float:left; background:url("img/menu_line03.gif") 0 0px no-repeat; padding:0 7px 0 6px;}
    #topmenu ul li.first{ background:none; }
    #logo { float:left; margin:0 auto; width:245px; padding:0px}
    #search { float:right; margin:auto;  width:395px;  padding-top:33px;}
    #search_id,#user_id, #user_pw {width:200px; border:1px solid #d0d0d0; height:18px;}
    /*네비*/
    #navi_wrap { width:100%; height:66px;  background:url(img/bg_menu.gif); no-repeat; center 0;  }
    #navi { position:relative; margin:0 auto; width:960px;  padding:12px 7px 0 6px;}
    #navi ul { font-size:14px; font-family:돋음; letter-spacing: 3; color:#666666;}
    #navi li {  width:192px; text-align: center;}
    /*메인이미지*/
    #visual { margin:0 auto; width:960px; text-align: center;}
    #visual_a { float:left; margin:0 auto; width:390px; height:514px; margin-top:10px;}
    #visual_ab { float:left; margin:0 auto; height:252px;}
    #visual_ac { float:left; margin:0 auto; height:252px;}
    #visual_b { float:right; margin:0 auto;width:570px; height:514px; margin-top:10px;}
    /*콘텐츠*/
    #content { margin:0 auto; width:960px; text-align: center;}
    #b_left{ float:left; width:390px; height:160px; padding-top:10px; position:relative;}
    #b_left ul { font-size:11px; font-family:돋음,Arial; letter-spacing: 3; color:#666666; text-align:left;}
    #b_left li{ padding:0px 0;}
    /*풋터*/
    #footer { margin:0 auto; width:960px; height:30px; background:#F1F1F1;}
    #footer ul {  font-size:9px;  font-family:돋음,arial; color:#666666; padding:10px 7px 0 6px;}
    #footer ul li{ float:left; background:url("img/menu_line03.gif") 0 0px no-repeat; padding:0px 7px 0 6px;}
    #footer ul li.first{ background:none; }
     
    #php

    이 질문에 댓글 쓰기 :

    답변 1

    커네드커네드 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

    211.♡.♡.250
    #visual_ab ul li랑 #visual_ac ul li에 float:left;를 한번 넣어보세요..
    #visual_ab li에 width:385px라고 되있는거 없애시구요

    그리고..

    #b_left ul li{display:block;}값을...

    첫번째는..

    #visual이랑 #content에 overflow:hidden; 넣어보세여 
    답변을 작성하시기 전에 로그인 해주세요.
    전체 123,675
    QA 내용 검색

    회원로그인

    인기태그
    #그누보드5(59590) #영카트5(16790) #php(14971) #그누보드4(10633) #게시판(3157) #javascript(2634) #그누보드(2345) #css(2043) #mysql(1509) #모바일(1271) #영카트(1270) #그누커머스(1178) #html(1098) #jquery(1013) #자바스크립트(936) #최신글(932) #DB(819) #로그인(793) #이미지(762) #여분필드(736)
    (주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
    사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
    © SIRSOFT