묻고답하기
레이아웃 제작 초보질문 #2
2014.08.22 18:14
http://lifeto.besaba.com/xe/ 제가 만드는 기본 레이아웃 사이트에서, 위지윅 에디터 없이, 태그만으로 모든 컨텐츠를 <div> 에 넣다보니,
보이시는 것 처럼 content 부분이 1번으로 나온 후 , 그뒤에 <div> 태그로 또 다른 위젯을 넣으려고 시도하면 오른쪽 상단에 위치하는 것이 아니라, 그 컨텐츠 하단에 위치하게 됩니다.
이를 하단이 아니라 바로 오른쪽 상단에 위치하게 하는 방법이 없을까요?
드림위버같은 위지윅에디터에서는 html4 시절때까지만 해도 (제로보드4) 표나, 움직이는 AP layer 등을 사용해서 쉽게 구현할 수 있었는데,
모든 것을 태그로 만드는 XE 시대에는 힘드네요.
설마 모든 디자이너분들이 이렇게 태그를 이용해서 직접 디자인하시는 건가요?
그렇다면 이런 레이어 정렬을 어떤 방식으로 하는지 궁금합니다.
댓글 5
-
뀰귤
2014.08.22 18:20
-
lifeto
2014.08.22 18:24
감사합니다. 그래도 맨위쪽이 아니라 그 전 레이어에 밀려있네요.
-
구조적인 문제네요.
중간에 p태그가 컨텐츠와 위젯 사이를 가로질러 버렸네요..
컨텐츠 영역 오른쪽에 마진값을 주었다면 위젯에서는 그만큼 왼쪽에 margin-left:-000px; 이라는 마이너스(-)마진값을 주어야 합니다.
그리고, 컨텐츠 영역도 너무 커서 위젯이 올라올 공간이 없으니 컨텐츠 영역을 좀 더 줄이시구요~
-
lifeto
2014.08.23 08:40
감사합니다.^^;
http://lifeto.besaba.com/xe/
그런데, 제가 컨텐츠 부분을 가시적으로 줄이기 위해서, 오른쪽 마진값을 많이 넣은 상태입니다.
말씀하신 것처럼 위젯 왼쪽에 상응하는 값의 왼쪽 마이너스 마진값을 넣었는데도 위젯이 위로 뜨는게 아니라 아래로 뜨네요.
어떻게 해결하면 좋을까요?
-
#content에 float:left를 주면 되실 거예요.
<div style="float:right">와 <div style="float:left">를 활용해보세요 ^^
저 개인적으로는 크롬의 경우 바탕화면에서 마우스 오른쪽 버튼 -> "요소 검색" 하면 나오는 소스코드를 바로 수정해서 즉각 반영된 내용을 처리해봅니다.