마크업의 달인이 필요한 때입니다!
텃골돌샘터
하하하
디자이너가 그림쏨시가 이따구라니..ㅋㅋ
굳이 변명을 하자면 마우스로 쿨럭!=0=;;;
자 이제 질문입니다..
저렇게 전체 브라우저에....
센터 정렬을 한 div가 있습니다
그안에
좌측 위쪽은 랜덤 팝업입니다.
우측 위쪽은 퀵 메뉴 6개 ul li로 할 계획입니다 동그란 아이콘 밑에 명칭이 있겠금
좌측 하단은 뉴스..공지사항 탭3개입니다.
우측 하단은...베너있습죠!!!
이게 기획에서 막히는데요...
여러분 같으면 이걸....
어떻게 코딩하실지....조언을 구하고자 합니다..
테이블로 그냥 막...4조각 해서 가운데 하나씩 넣고는 싶으나..ㅠㅠ 옛테이블코딩하던 드좌너임...
마크업에서부터도 고민입니다...
전....랜덤팝업도 li
퀵메뉴도 li
뉴스도 li
베너도 li 를 생각했었습니다.
헌데...이 4가지를 저렇게 각자 모서리 기준으로 둘 생각을 하려니 코딩이 먹먹해지는거 있습죠
position:relative;
float:left; position:relative;
float:right;
까지 생각해보고나니...
하단은....????
그러면 div를 상하로 두개를???
굳이 그렇게 할 필요가 있을까? 하는 의문이 들었습니다.
저 center로 되어있는 div에 굳이 왜 상하로 div를 나눠야 할까? 하는 생각...
다른방법이 있을까????
하는 의혹에 문의 드려봅니다...
여러분들은 어떤 마크업을 하시나요?
-
꺆잉
float:left 와 float:right 이용하셔도 될것 같습니다.
-
김슬픔
1. 4개의 영역의 width,height를 지정, float:left로 정렬(각 사각형의 위아래왼쪽오른쪽 마진또는 패딩값 포함하여 높이, 넓이 삽입);
2. 사각형 영역만큼의 넓이 지정 display:inline-block;로 정렬;
3. position:absolute;left:dx;top:dy 등으로 정렬
4. 사각형 영역만큼의 넓이 지정 그리고 각 위아래왼쪽오른쪽 여백만큼 마진또는 패딩값으로 정렬 하고 float:left로 설정
이렇게 해