html 레이아웃 질문좀~~급해요 ㅠㅠ
Creator
안녕하세요 이번에 웹디실기를 준비하고있는 독학생입니다
제가 첫번째 그림처럼 마크업해야되는데 실기책에는 테이블코딩으로 하더라고요
전 웹표준에 맞춰서 div를 이용해서 하고있는데 문제는 생각처럼 잘 않되요 ㅠㅠ
제가 질문드리고싶은건
1. 모든 컨테츠들이 가운데정렬이 되어있어야하는데 상단(header)부분과 하단(contents)부분에 float을 넣다보니까 저렇게 왼쪽으로 쏠리는데 어떻게 해결하죠?
2.오른쪽 아래에 폼양식을 div로 묶고 position을 absolute로 주고 e-mail과 title부분을 text-align:right로 줘봐도 계속 왼쪽 정렬이 됩니다. width값을 늘려도말이죠...
고수님들 좀 도와주세요~~~
소스들은 첨부파일에 넣었습니다.
제가 질문들인것 말고도 잘못된부분있으면 지적해주세요~ 감사합니다
-
보물선
뭘이리 복잡하게 해놓으셨는지... 말씀하신 부분만 대강 수정해서 메일 드렸어요~
제가 드린거에서 바디에 컬러 #fff를 저 가운데 하늘색으로 바꾸시고요 topback 이미지를 메뉴밑에 사진 내려오는 부분까지로 확장하심 되겠네요~ -
피라
그런데 바디안에 부분부분 배경을 넣을수가있나요??
배경이미지파일이 따로있는데 위,가운데,아래 다 다른데.. -
렁찬
배경은 바디에 넣으세요
그리고 컨텐츠 부분에 들어가는 배경은 컨텐츠 div에 따로 넣으시구요 -
누리알찬
지금 제 wrap이 모든 브라우저이거든요... 왜냐면 뒤에 배경을 백그라운드이미지로 넣어야되는데
wrap에 width값줘버리면 (750px) 뒤에 배경은 어떻게 하죠??
현재는 wrap 에 text-align:middle값을 줫어요.. -
도래솔
전체를 감싸는 div에 (보통 wrap라고 하죠..) width값을 주고 wrap를 브라우저 가운데 오게하면 되지않나요?
.wrap { width: 950px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; position: relative; } -
해까닥
그거 해봤는데 않되더라구요...
-
꽃내음
.7777{ margin: 0 auto ;
저처럼 초보들이 어려운게 왼쪽 정렬이 아닌가 싶네요.
위에처럼 주면 거의 되던데