css로 index 화면 만들기

css로 index 화면 만들기

      body{
        background-color: #eeffcc;
      }

      #div_top{

        width:1000px;
        height:50px;
        background-color: #defacc;
      }

      #div_leftMenu{
        float:left;
        width:100px;
        height:800px;

        background-color: #ffeecc;


      }

      #div_detail{
        float:left;
        width:900px;
        height:800px;
        background-color: #eeccff;
      }

위 css 소스코드로 아래와 같은 화면을 만들 수 있다. 우리가 프레임셋을 하도 많이 쓰기도 했고 기본적으로 메뉴가 있고 내용이 있는 구성은 기본이므로 이런 화면을 많이 쓴다.

근데 html frame태그로는 잘 안만들고 요즘은 div랑 css를 조합해서 만드는 것 같으다.

ㅇㅇ

링크는 아래를 클릭하면 된다.

http://oceanfog1.appspot.com/

gae라서 링크가 깨질 일은 없겠지만 바뀔 수는 있으니 참고만 하시기 바랍니다.