유동레이아웃~ 질문입니다
미련곰탱이
다름이 아니라 네이버 메일 보면 좌우는 고정이고 안에 내용만 화면 넓이에 따라 변하는 레이아웃을 만들고 싶었습니다.
그래서 대충 아래와 같이 만들어 보았습니다
div style=width:100%; min-width:800px;
div style=width:200px; float:left;a/div
div style=float:left;word-wrap:break-word;
div style=float:right; width:200px;aaa/div
div style=float:left
수의과학기술개발연구사업은 축산업 및 관련 산업의 보호와 국민보건 증진을 위하여, 가축질병 방제기술 개발 및 축산물 안전성 확보기술 개발에 최선을 다하고 있습니다. 특히 수의과학기술은 조류인플루엔자, 구제역, 광우병 등 주요 가축질병에 대한 국가적인 대응과, 축산물 안전관리를 위한 위해물질 검사 및 독성평가, 동물보호복지, 동물용의약품 품질관리에 중추적인 역할을 하고 있습니다. /div
/div
/div
결과는...
익스플로러에서는 원하는대로 나오는데 그외의 모든 브라우져에서는세개의 div가 각각 한줄로 떨어져 나왔습니다 ㅠㅅㅠ
해결방법 없을까요...~
수다닷컴님들의 친절한 답변 기다리겠습니다.
-
차분나래
min-width:800px; 화면이 아무리 길어져도 800px보다 작아지지 않게 해두었습니다;;;
-
빛솔
퇴근시간님 거기에 min-height: 800px;은 무슨의미에서 넣으신 거에여?
-
해사랑해
오오...보기다님 감사합니다... 이런방법이 있었군요... 잘써먹겠습니다 ㅂ/
-
벼리
div style=\clear:both; width:100%; min-width:800px;\
\tdiv style=\float:left; width:200px; border:1px solid red;\left/div
\tdiv style=\float:right; width:200px; border:1px solid blue;\right/div
\tdiv style=\padding:0 200px;\center/div
/div