div 박스 만들어 위치에 넣는거 질문합니다..ㅡㅜ

1280x720 사이즈 안에
색이 들어간 5개의 박스를 그림과 같이 많들어 정렬하고 싶습니다..
희색 배경엔 이미지를 BG로 깔꺼구요....
----------------html-------------------------------------
div id=welcome_screen class=welcome_screen
div id=welcome_box
div id=welcome_1 style=background-color:#385407;height:179px;width:3px;left:591px;top:283px;float:left
/div
div id=welcome_2 style=background-color:#385407;height:3px;width:449px;left:594px;top:283px;float:left
/div
div id=welcome_3 style=background-color:#385407;height:3px;width:449px;left:594px;top:459px;float:left
/div
div id=welcome_4 style=background-color:#385407;height:179px;width:126px;left:603px;top:292px;float:left
/div
div id=welcome_5 style=background-color:#385407;height:74px;width:430px;left:1043px;top:283px;float:left
/div
/div
/div
------------------------------css-----------------
.welcome_screen {float:left; width:1280px; height:720px; background-image:url(images/welcome_language.png); position: relative;}
위에가 제가 한건데요;;;;
이렇게 하니 박스가 원하는 위치가 아닌
그냥 왼쪽정렬로 쭉~~붙어 나옵니다;;
제가 엄청 초보라;;
디자인만 하다 이제;; 갓 코딩을 배울려고하는데 너무 어렵네요..ㅡㅜ
도와주세요!!

댓글 2

  • 혜윤 2026.02.23

    감사합니다~많은 도움 됬어요!!!^^

  • 조은 2026.02.23

    float:left 말고 position:absolute 를 사용하세요

프로그램 개발일반 다른 글

목록