I have an iframe on www.mydomain.com that points to support.mydomain.com (which is a CNAME to a foreign domain). I automatically resize the height of my iframe so that the frame will not need any scrollbars to display the contained webpage. On Firefox and IE this works great, there is no scrollbar since I use <iframe ... scrolling="no"></iframe>. However, on webkit browsers (Safari and Chrome), the vertical scrollbar persists even when there is sufficient room for the page without the scrollbar (the scrollbar is grayed out). How do I hide the scrollbar for webkit browsers?
overflow:hidden; ???
it seems like styling the HTML element to be overflow:hidden inside of a style tag doesn't work -- you need to put it in as a style attribute for the HTML tag (even though that's not valid). So... This: <html style="overflow: hidden;"> <head></head> <body>stuff</body> </html> Not this: <html> <head><style type="text/css"> html { overflow:hidden; } </style></head> <body>stuff</body> </html>
'Internet World > HTML/CSS' 카테고리의 다른 글
| 파이어폭스의 줄바꿈 처리 Firefox line break (1) | 2011.03.23 |
|---|---|
| HTML5 (2) | 2010.07.20 |
| [HTML5/CSS3] 트위터 실패 고래 (0) | 2010.07.01 |
| CSS3 지원하는 브라우져 (0) | 2010.06.07 |
| [HTML5] HTML5 로 만든 사파리 Welcom 동영상 (0) | 2010.05.28 |
