페이지 전체화면 짤림 도와주세요..

댓글 5

• 

  톰캣

  2023.09.14 01:18

  #content에 준 margin130 px 때문에 그런것같아요

   

  그리고 컴퓨터에 따라 모니터 높이값은 달라질 수 있는거라
  모든 화면에 똑같이 한화면에 보여지는건불가능할 것 같습니다.

  좋아요 0
• 물마중중

  2023.09.14 01:25
  @톰캣

  근데 마진을 빼버리면 위에 있는 헤더부분을 덮쳐버려요.. . 헤더는 로고가 들어갈 부분인데,, 아니면 content부분만 스크롤은 못하나요? content에 오버플로우스크롤을 줘도 안내려가네요
  좋아요 0
• 

  톰캣

  2023.09.14 01:28
  @물마중중

  원하시는 부분에 이런식으로하면 세로스크롤만 생겨요!
  overflow-y: auto;
  overflow-x: hidden;

   

  .mainNav 높이값을 조금 더 줄이시고

  .mainNav에 넣어주시면 되겠네요.

  좋아요 0
• 

  톰캣

  2023.09.14 01:50
  @물마중중

  상단 로고 고정 높이 px
  하단 중요한부분이면 고정 높이 px을 주시고
  나머지 공간은 auto로 높이값을 주시고 거기에 세로 스크룰 주시면 될것같아요

  제가 좌측메뉴는 저렇게 쓰고있습니다 ㅎㅎ

  좋아요 0
• 

  기진곰

  2023.09.14 02:09
  @물마중중

  마진을 준 만큼 높이를 빼는 것이 정석입니다.
  height: calc(100% - 130px);

  만약 위아래 모두 130px씩이라면 260px을 빼야 하고요.
  
  아니면 그냥 헤더를 덮치도록(?) 내버려두고
  안에 있는 내용만 좀 내려도 되고요.

  좋아요 0