수다닷컴

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

float를 썼을 경우 height값의 문제요..

키다리

2023.04.01

!--소스--

style type=text/css
.box_blue425A {background:url(http://img.serve.co.kr/serve/etc/box_blue425_bg.gif); width:425px;}
.box_blue425A_title {background:url(http://img.serve.co.kr/serve/etc/box_blue425_top.gif) no-repeat;width:425px; height:10px;}
.box_blue425A_contents {background:url(http://img.serve.co.kr/serve/etc/box_blue425_bottom.gif) center bottom no-repeat;width:425px;padding-bottom:10px;}
.point_color a {color:#1f43a9;font-weight:bold;}
#contents ul {margin:5px 0 0 10px;}
#contents li {float:left;width:90px;height:20px;border-right:1px solid #ddd;padding-left:5px;}
/style

div class=box_blue425A
div class=box_blue425A_title/div
div id=contents class=box_blue425A_contents
ul
li class=point_colora href=자료내용/a/li
lia href=자료내용/a/li
lia href=자료내용/a/li
lia href=자료내용/a/li
lia href=자료내용/a/li
lia href=자료내용/a/li
lia href=자료내용/a/li
lia href=자료내용/a/li
lia href=자료내용/a/li
lia href=자료내용/a/li
lia href=자료내용/a/li
/ul
/div
/div
질문드립니다~

박스안에 자료내용이라는 리스트가 들어가는데요.

이 리스트가 내용에 따라서 20개든 100개든 늘어날 수 있습니다.

정보에 따라 박스가 늘어나야하는데...

float:left를 쓰면 파이어폭스에서 박스가 위로 올라가 이상하게 보입니다.;
해결방법 좀 알려주세요.ㅠ_ㅠ

신청하기





COMMENT

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

  • 한샘가온

    overflow:hidden;

  • 크심

    저도! 잇힝.. 감사합니다~

  • 일진오빠

    아니면...ul을 감쏴고있는 블러요소에도 똑같이 float:left 를 주세요

    어떤 엘리먼트가 플로트 지정이 되면 고놈은 플로트 된 놈들끼리의 자리찾음과 정렬을 한다고 합니다.
    그래서 플로트된 엘리먼트를 싸고있는 것또한 플로트 속성을 지녀야 같은 원하는 디자인이 나올꺼에요~

  • 핑크빛입술

    Firefox가 제대로 나오는거예요.
    ul 에 가로 사이즈를 주시고 overflow: hidden; 하시면 제대로 보일꺼예요

  • 들햇님

    앗 해결했습니다.^^ 감사합니다~

번호 제 목 글쓴이 날짜
2695934 tr 속성값 (9) 새 2025-05-25
2695905 ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) 슬아라 2025-05-24
2695878 form을 이용한 다른 페이지로 넘기는 방법을 알려주세요 (1) 핫파랑 2025-05-24
2695844 저기 암호화 및 복호화 프로그램.. 만들어볼려는대 (2) 한빛 2025-05-24
2695814 [질문] PDA에서 애플릿이 가능한가요? (1) 봄시내 2025-05-24
2695785 웹 설정 도와줄분 화이트캣 2025-05-23
2695730 갑자기 기억이 안나는데 accesskey 속성.. 빛나라 2025-05-23
2695702 [질문] Java 버전 차이에 의한 오류?!! (2) 검사 2025-05-23
2695672 자바 임베디드 쪽으로 배우고 싶은데요..질문이요.. (1) 뽀그리 2025-05-22
2695647 헉! 이클립스(v3.1)에서 발생되는 널포인트 익셉션? ;;; (3) 아빠몬 2025-05-22
2695586 IFRAME 캐싱 질문 봄나비 2025-05-22
2695498 [질문]실행가능한 jar파일.. 정말 이해가 안가네요... ㅡㅜ;; 터1프한렩 2025-05-21
2695468 자바랑 이클립스에서요.. 스킬 2025-05-21
2695375 Mysql 연동하는 자바 질문있습니다. 아리솔 2025-05-20
2695319 파워포인트 파일을 저장할 수 있을까요? 시윤 2025-05-19
2695289 [질문]Tween 값의 정도를 알고 싶습니다. 타마 2025-05-19
2695238 c 와 c++의 시작 (10) ChocoHoilc 2025-05-18
2695215 탑메뉴의 repeat-x .배경이 두가지에요ㅠ ㅠ 널위해 2025-05-18
2695187 자바스크립트와 자바의 import에 관해서 질문드려요 (1) 무슬 2025-05-18
2695116 테마 문의 (해당 사이트와 같은 테마 혹은 플러그인) Sweet 2025-05-17
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

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