수다닷컴

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

전체 레이아웃과 안의 내용들의 레이아웃

연초록

2023.04.01

안녕하세요
저는 완전초보.. 코딩입문에 단계의 신입입니다만,
제가 레이아웃을 잡다가 float에 된통당하는 느낌..

전체적인 레이아웃은
wrapper가 저것들을 모조리 감싸고 있구요,
header, containter, footer는 wrap이감싸고 있구요,
quick은 맨밑에두어 wrap와 quick에 각각 float:left을 지정했습니다.
사실 여기까지 제대로 했는지는 모르겠으나 일단 ie7과 파이어폭스에서는 제대로 작동되니까.. 흠

마크업은 끝난상태구요, 이제 css를 입히고있는 단계인데..................................

header부분부터 차근차근하고있습니다. 그런데 문제는 header안에 내용들의 정렬을 어떻게 해야할지 모르겠다는 것입니다.
저는 logo와 nav들을 분리하여 각각 float으로 위치를 지정하고 search부분은 clear:both를 하는 그런 방식으로 하려했는데
ie7에서는 잘 보이는데 파이어폭스에서 갑자기 이상해져버리는겁니다.
header아래의 container, footer, quick들이 모조리 없어져버리고 깔았던 배경색도 없어지고..
악악 도저히 모르겠습니다 지금 제가 무슨말을 하는지도..잘...

전체적인 레이아웃도 그렇지만
각각의 내용들도 어떤 방법으로 배치시키시는지 노하우를 배우고싶습니다.
부탁드려용~

신청하기





COMMENT

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

  • 앨버트

    header 사이즈가 고정이면 height로 쌔려주고 나머지는 position: absolute로 잡으세요
    하지만 이벤트가 상단에 들어간다거나 사이즈가 변경되는 컨텐츠가 들어가면
    유지보수가 약간 힘들어질지도 모릅니다.(개인마다 틀리지만...)

    감쌀수밖에 없는것은 div로 과감히 감싸시고 block태그들을 최대한 활용하셔서 작업을 해보세요

    그리고 float를 하면 꼭 clear을 시켜주셔야하고 부모의 높이를 가지게도 해주셔야해요.
    자세한건 검색 ㄱㄱ

번호 제 목 글쓴이 날짜
2696043 제이쿼리 .scroll() 관련 질문드립니다 이거이름임 2025-05-26
2695984 마크업상으로 하단에 있으나 우선적으로 이미지파일을 다운로드받는 방법 (1) 들꿈 2025-05-25
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
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

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