전체 레이아웃과 안의 내용들의 레이아웃
연초록
안녕하세요
저는 완전초보.. 코딩입문에 단계의 신입입니다만,
제가 레이아웃을 잡다가 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들이 모조리 없어져버리고 깔았던 배경색도 없어지고..
악악 도저히 모르겠습니다 지금 제가 무슨말을 하는지도..잘...
전체적인 레이아웃도 그렇지만
각각의 내용들도 어떤 방법으로 배치시키시는지 노하우를 배우고싶습니다.
부탁드려용~
-
앨버트
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 |