브라우저 축소할 경우 float 위치가 바뀌는 문제에 대해 질문 드립니다.
은별
브라우저 100% 상태에서는 첫번째 그림처럼 의도한대로 float된 위치가 적용되는데요.Ctrl + (-) 로 약 50%크기로 줄이면 두번째 그림처럼 #con_right 박스가 아래로 밀려내려오는상황이 생기고 있습니다.
플롯된 박스를 감싸고 있는 #container는 after를 이용해서 clear:both한 상태입니다.이 상황이 어떤 이유 때문인지 알수 있을까요?ㅠㅠ
-
수리
대박... 마치 레벨업한 기분이에요...
많은 도움이 되었습니다. 감사합니다 T^T -
꽃내음
%는 정답이 아닌듯 하네요.
떨어지지는 않겠지만 %를 사용한다는건 애초에 정해진 px단위로 레이아웃을 잡는거랑은 의도 자체가 틀리죠.
소스를 보지 않아 정확한 판단은 못하지만
추측 할 수있는건 px단위를 짝수로 맞추는게 정답이 아닐까 싶습니다..
(홀수를 반으로 줄이면.5픽셀 단위가 되는데... .5픽셀은 없어 1픽셀로 인식합니다.) -
남은
아래 답변해주신 도훈....... 님? (맞겠죠?)이
말씀하신것처럼 보더 속성이 있다면 우선 적용해보고 그래도 안될시에는 % 작업해보셔요~
상황자체는 공간이 부족한 이유입니다 (브라우저 축소로 인해서~) -
허우룩
개발자 도구에는 %도 px로 표시되는걸 이제서야 알았어요;;
남들은 안떨어지는데 왜 나만.. 이라고 몇시간을 고민했는지 ㅠㅠ
한줌의수다님 답변 정말 감사해요^^ -
꽃내
float와 디자인과 사이즈를 잘조절하면 다른것 없이도 어느정도 반응형으로 꾸려지죠...
쉽진 않지만.. -
얀별
앗!! %로 적용하니깐 안떨어지네요. 감사합니다^^
-
봄해
옙 수다님 말씀 처럼 작업하시면 될듯 합니다.
float 경우에 공간이 부족할경우 저렇게 아래로 떨어집니다. -
해찬솔
전체 값이 px이 줄어들어서 그런듯해요
ctrl - 줄여 똑같이 나오게 하려면
감싸고 있는 영역들 width을 % 작업해야할듯요.. 모바일코딩처럼 -
착히
비슷한 구조의 다른 사이트를 보면 float된 박스가 항상 같은 위치에 고정되어 있던데, 첫번째 그림처럼 고정하려면 어떻게 해야하는지 알 수 있을까요?
답변 감사합니다^^ -
맨삶이
float란 원래 그렇다.... 라고 말씀을 드려야 할까나...
각 float주신 div값이 고정값이라면 당연한 현상입니다.
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2696043 | 제이쿼리 .scroll() 관련 질문드립니다 | 이거이름임 | 2025-05-26 |
2695984 | 마크업상으로 하단에 있으나 우선적으로 이미지파일을 다운로드받는 방법 (1) | 들꿈 | 2025-05-25 |
2695934 | tr 속성값 (9) | 새 | 2025-05-25 |
2695905 | ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) | 슬아라 | 2025-05-24 |
2695878 | form을 이용한 다른 페이지로 넘기는 방법을 알려주세요 (1) | 핫파랑 | 2025-05-24 |
2695844 | 저기 암호화 및 복호화 프로그램.. 만들어볼려는대 (2) | 한빛 | 2025-05-24 |
2695814 | [질문] PDA에서 애플릿이 가능한가요? (1) | 봄시내 | 2025-05-24 |
2695785 | 웹 설정 도와줄분 | 화이트캣 | 2025-05-23 |
2695730 | 갑자기 기억이 안나는데 accesskey 속성.. | 빛나라 | 2025-05-23 |
2695702 | [질문] Java 버전 차이에 의한 오류?!! (2) | 검사 | 2025-05-23 |
2695672 | 자바 임베디드 쪽으로 배우고 싶은데요..질문이요.. (1) | 뽀그리 | 2025-05-22 |
2695647 | 헉! 이클립스(v3.1)에서 발생되는 널포인트 익셉션? ;;; (3) | 아빠몬 | 2025-05-22 |
2695586 | IFRAME 캐싱 질문 | 봄나비 | 2025-05-22 |
2695498 | [질문]실행가능한 jar파일.. 정말 이해가 안가네요... ㅡㅜ;; | 터1프한렩 | 2025-05-21 |
2695468 | 자바랑 이클립스에서요.. | 스킬 | 2025-05-21 |
2695375 | Mysql 연동하는 자바 질문있습니다. | 아리솔 | 2025-05-20 |
2695319 | 파워포인트 파일을 저장할 수 있을까요? | 시윤 | 2025-05-19 |
2695289 | [질문]Tween 값의 정도를 알고 싶습니다. | 타마 | 2025-05-19 |
2695238 | c 와 c++의 시작 (10) | ChocoHoilc | 2025-05-18 |
2695215 | 탑메뉴의 repeat-x .배경이 두가지에요ㅠ ㅠ | 널위해 | 2025-05-18 |