Mozilla 한국 커뮤니티

포지셔닝에 대해서는 질문이 너무 대략적이라서 차마 뭐라 말씀드리기 어렵네요.
대체적으로 몇가지 정도만 찾아서 연습해보시면 될 것 같습니다.
1) float을 사용한 좌/우단 배열
2) position을 사용한 다단 레이아웃
3) ul/li 리스트를 가로 1열로 나열해보기
4) ul/li 리스트의 뷸릿 스타일 변형해보기
5) 크기가 고정된 박스내에 여러가지 작은 박스들을 다양한 형태로 채워보기
6) 크기가 가변인 박스내에 여러가지 작은 박스들을 다양한 형태로 채워보기
7) span/display:inline 에서의 특성 살펴보기
margin과 padding, border를 변경해가면서 위에 나열한 것들을 계속 연습해보기

css design korea forum의 어우야 님께서 이러한답변을 주셨었는데..


다른분께서도 답변을 주시면 감사하겠습니다..
문서의 구조화에 대해서는 이제 대략적인 감이 잡혔습니다.

이제 대략적인 문제점은 css에 대한 이해인데.
아무래도 사용을 하다보니 여러가지 개념이해부족에서 오는것 같은 문제가 생겨버립니다.
position -> absolute, realative에 대한 개념은 거의 이해한것 같은데...
float -> left, right도 이해한것 같습니다.
clear:도 이해한것 같습니다...
그런데 display:inline과 span:inline의 특성은 어떻게 감을 잡아야 할지 모르겠군요....

사실은 더 정확히 말하면, 문서를 구조화 시킨 상태에서, 원하는 레이아웃대로 표시가 되질 않아 답답해서 질문합니다....

http://www.gochanggut.org/sub1_01.php =>기존 페이지
http://www.gochanggut.org/reference/float2.html => 대체하려는 페이지

에서 upperbox와 footer에대한 표현은 의도한대로 나오는것 같습니다만... 중간의 contarea에서 float을이용하여 구성할때에는 문제가 생겨버리는군요... 창 크기에 맞춰서 가변형식으로 만들려 했거든요...

또 글을 올리면서 질문의 핵심이 뭔지 모르게빗겨가는 죄송스러움을 느끼네요-_-;;

많은 분들의 좋은 답변 부탁드립니다.


ps. 사실은 저도 확신이 안가지만, position과 float, clear, display개념이 정확히 잡혀있는지 알수가 없네요..,
혹시 개념을 확실하게 잡을수 있게 설명해 주실분은 안계시려나요 ^^;[/quote]