전체 레이아웃과 안의 내용들의 레이아웃
연초록
안녕하세요
저는 완전초보.. 코딩입문에 단계의 신입입니다만,
제가 레이아웃을 잡다가 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을 시켜주셔야하고 부모의 높이를 가지게도 해주셔야해요.
자세한건 검색 ㄱㄱ