수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

[질문]display:inline;을 주었습니다. - 그림 수정했습니다. ㅠㅡㅠ

이하얀

2026.06.23

안녕하세요! 미라클캣입니다. ㅠㅡㅠ
묻고답하기 방을 전세낸거 같군요.
수다님과 은수다님이 도와주셔서 익스 7에서는 이렇게 잘 나오는데. 익스 6에서는 abcdef
이렇게 나옵니다 . 은수다님도 말씀하시고 찾아본 결과ul에 display:inline; 을 넣었습니다.
하지만 변화가 없습니다.
더블마진의 문제가 맞는것도 같지만. 차라리 속터져도 테이블 코딩이 낫지.. 영판 ㅠㅡㅠ

해당소스입니다.
#box ul{
width:982px;
list-style-type:none;
margin:0px;
padding:0px;
border:1px solid green;
overflow:hidden;
display: inline;
}
#box ul li{
margin-right:5px;
}

/* a*/
#summary_harmful_traffic {
float: left;
width: 486px;
background-color:green;
}
/*b*/
#summary_box2 {
width: 486px;
background-color:blue;
}

/*c */
#summary_attacks_type_5 {
float: left;
width: 486px;
margin: 10px 0 0 0;
background-color: yellowgreen;
}

/* d*/
#summary_alertlist {
left: 486px;
width: 486px;
margin: 10px 0 0 0;
background-color:yellow;
}

/*e */
#summary_attacks_5 {
float: left;
width: 486px;
margin: 10px 0 0 0;
background-color:red;
}

/* f */
#summary_box3 {
left: 486px;
width: 486px;
margin: 10px 0 0 0;
background-color: #ff5230;
}
이렇습니다.

ㅠㅡㅠ 제발 알려주세요.ㅠㅡㅠ

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 간조롱 2026-06-23

    앗 수다님 제대로 나오는데여 익스 6에서도 제가 그럼 몰고쳐야 되죠?
    width 를 1200으로 만드니까 익스 6에서도 제대로 나오네요. ㅠㅡㅠ

  • 가림새 2026-06-23

    음 꼭 리스트를 써야 되나요?

  • 꽃겨울 2026-06-23

    수다님 익스 6에서만 한줄로 흘러나오는데..그게 관련이 있나여 ? ㅡㅡa
    한번 해보겠습니다.

  • 튼트나 2026-06-23

    ul {width:982px;}
    li {float:left; width:486px; height:20px}
    li.mr_10 {margin-right:10px;}

    ul
    li class=\mr_10\aaaa/li
    liaaaa/li
    li class=\mr_10\aaaa/li
    liaaaa/li
    li class=\mr_10\aaaa/li
    liaaaa/li
    /ul
    단 li 의 넚이는 li 두개+마진 패팅 포함 982px를 넘으면 안되고 높이는 패당값 포함 같아야

  • 지니 2026-06-23

    display:inline;을 ul 이 아니라 ul li 안에 넣으세요 - _-

  • 가랑비 2026-06-23

    a,b,c,d,e,f height값도 일정해야 원하시는데로 정렬이 될겁니다
    안에 들어가는 컨텐츠에 따라 height값이 서로 다르다면 정렬이 안되요

  • 연초록 2026-06-23

    마진 도 빼고 width도 480으로 전부 다 줄여봤는데도 똑같은데요. ㅠㅡㅠ
    저도 이유를 잘 모르겠네여

  • 가을바람 2026-06-23

    ul li안에 넣으니까요.

    A B
    C
    D
    E F

    이렇게 나오는데요 .. 익스6과 익스 7이 동일하게요. ㅡㅡ;;; 왜그럴까요,.ㅠㅡㅠ

  • 뚜야 2026-06-23

    그리고 width를 486이 아니라 줄이시던가.. margin 을 빼셔야할꺼에요..
    총 넓이가 982면 저걸로 안된다니까요 - _-
    먼저 float 에 관하여 검색해보신후에 float 속성을 이해하시고 하심이 빠를듯.. ㅠㅠ
    제가 외출하기에 더이상은 도와드리지 못하고 대신 밑에님이.. ㅠㅠ

  • 희나리 2026-06-23

    수다님 브래드피똥님 답변 감사드려요.
    컨텐츠마다 높이값이 다를 경우는 어떻게 해야하죠? ㅠㅡㅠ
    a ,b 같고
    c,d 같고
    e,f 이렇게 같습니다. ㅠㅡㅠ
    그럼 ul은 못쓰는건가요? ㅠㅡㅠ 아웅

    수다님 답변 감사드려요. 더블마진이래서 display:inline; 넣었는데요. ㅠㅡㅠ

번호 제 목 글쓴이 날짜
2752024 소숫점 뺄셈 !! ㅠㅜ 초롬 2026-10-20
2751970 자바 게임 만들려는데 부탁드립니다 (1) 라온제나 2026-10-19
2751908 자바스크립트 처리속도를 체크할 수 있는 방법 있나요? (1) 테이 2026-10-19
2751822 그누보드 아이프레임으로 구현했는데 제목 클릭해서 들어가면 푸터가 동동...떠다녀요 내꺼하자 2026-10-18
2751790 자바 그래픽 관련을 공부하고 싶은데요.. 어디 좋은 사이트나 책 없을까요?? (1) 큰재 2026-10-18
2751733 CTF가머죠? (5) 두동 2026-10-17
2751709 배열부분 궁금한 부분이있습니다. 딸기우유 2026-10-17
2751677 포인터 책을 보다가,,, (2) 동백 2026-10-17
2751648 익스플로 버전에 따라서 생기는 공백.. (1) 모아 2026-10-17
2751623 DEL 태그의에서 선굵기 및 컬러지정이 가능한가 해서요~ (4) 비치나 2026-10-16
2751573 테마 업로드 에러.. (1) 꽃 2026-10-16
2751548 수학? 물리?? (3) 찬늘 2026-10-16
2751461 상단네비 fixed ie6 핵 해결방안이 있을까요? 맑다 2026-10-15
2751436 레이아웃을 잡고 코딩을 하는데 드림위버에서의 결과와 IE에서 결과가 다르게 나오네요. (3) 키클 2026-10-15
2751403 형들좀도와주세요string compression (1) 알렉산더 2026-10-14
2751349 링크 다운로드하기 팬지 2026-10-14
2751295 c++한번도 손않댄 사람이... 날위해 2026-10-13
2751267 플래시8 사용에서 플레이어 만들었는데요 (1) 블1랙캣 2026-10-13
2751182 회원가입 파랑새 2026-10-12
2751152 소셜 플러그인 문제입니다. 얀 2026-10-12
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com