スマートフォンブラウザä¸å…·åˆç‰¹é›†CSS Nite in OSAKA, Vol.29 ã§ç™ºè¡¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚改訂版を http://www.slideshare.net/HiroakiWakamatsu/ss-14011485 ã«ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã€‚Read less
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
å„種ブラウザã®å°åˆ·ã®ãƒã‚°ãŒæ²»ã‚‹ï¼ˆã‹ã‚‚知れãªã„）CSS ã®è¨å®šã€‚
Web 制作ã®ã“ã¨ã‚’ä¸å¿ƒã«ã€ã¡ã‚‡ã£ã¨ã—㟠Tips ãªã©ã‚’掲載ã—ã¦ã„ã¾ã™ã€‚「自分用メモã€ãŒåŸºæœ¬ã‚¹ã‚¿ãƒ³ã‚¹ã€‚ btmup Blog float を使ã£ã¦æ®µçµ„ã¿ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã—ã¦ã„ã‚‹ã¨ãã€å°åˆ·ãŒãŠã‹ã—ããªã‚‹ã“ã¨ãŒå¤šã€…ã‚ã‚Šã¾ã™ã€‚ ã¨ã„ã†ã‹ã€ãŠã‹ã—ããªã‚‰ãªã„ã“ã¨ã®æ–¹ãŒå¤šã„。 ã¨ã„ã†ã‹ã€float を使ã£ã¦ãªãã¦ã‚‚ãŠã‹ã—ããªã‚‹ã“ã¨ã®æ–¹ãŒå¤šã„。 （特ã«ã€IE6ã€IE7ã€IE8ã€Firefox ã‚ãŸã‚Šï¼‰ ãã‚“ãªã¨ãã€ã“ã‚“ãªå°åˆ·ç”¨ CSS を作ã£ã¦ãŠã„ãŸã‚‰è§£æ±ºã™ã‚‹ã‹ã‚‚ã‚ˆï¼ çš„ãªå†…容ã§ã™ã€‚ ã¾ãšã€HTML ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ã€‚ <div id="wrapper"> <div id="contents"> （色々コンテンツãŒå…¥ã£ã¦ã‚‹ï¼‰ </div> <div id="sidebar"> （サイドメニューã¨ã‹ãƒãƒŠãƒ¼ã¨ã‹ï¼‰ </div> </div> #contents 㨠#sidebar ã« float ãŒè¨å®š
IE6・IE7 Firefox Safariã§åŒã˜ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ - ã§ãã‚Œã°åŒã˜ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚º in SEOブãƒã‚° from SEO塾
SEOブãƒã‚°ã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºå¤‰æ›´ã€‚CSSãƒãƒƒã‚¯ã¨ã‹Yahoo! UI Library: Fonts CSS(YUI)ã¨ã‹ ãƒ¤ãƒ•ãƒ¼ã‚’è¦–ã‚‹ï¼ ã‚°ãƒ¼ã‚°ãƒ«ã‚’è˜ã‚‹ï¼ 検索エンジンを斬るï¼ï¼ SEOブãƒã‚° アルゴリズム社ã®ã€ŒSEO塾ã®å…¬å¼ãƒ–ãƒã‚°ã€ æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³æœ€æ–°æƒ…å ±ã®ã€Œæ–° SEOブãƒã‚°ã€ã€‚検索上ä½è¡¨ç¤ºå¯¾ç–ã¨é †ä½å¤‰å‹•ã€ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹æ›´æ–°ã€ãã®ä»–ã®è©±é¡Œãªã©ã€‚ SEOã®æœ€æ–°æƒ…å ±ã¯ã€ã€ŽYahoo!ã‚„Googleã®é †ä½ã¨å¤‰å‹•ã‚’リサーãƒã™ã‚‹ã€ŒSEO塾ã®å…¬å¼ãƒ–ãƒã‚°ã€ã€ã‚’ã”利用ãã ã•ã„。 独自ã®æ¤œè¨¼ã¨å®Ÿé¨“を続ã‘ã‚‹SEO塾ãŒã€æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã®ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã¨ãƒšãƒŠãƒ«ãƒ†ã‚£ã®è¬Žã«æŽ¥è¿‘。 é †ä½å¤‰å‹•ã«è¿·ã‚ãªã„ã€å›žå¾©ãƒªã‚«ãƒãƒªãƒ¼ã‚’æˆåŠŸã•ã›ãŸã„。ãã†æ€ã£ãŸæ–¹ã¯ã€é †ä½å¤‰å‹•å¯¾ç–ã®SEOセミナーをã”覧ãã ã•ã„。 å¹´ã®æ‰€ç‚ºã‹ã€ãƒ–ラウザã®å°ã•ã„フォントを見続ã‘ã‚‹ã¨ç›®ãŒç–²ã‚Œã‚‹ã€‚ç›®è–¬ã‚‚æ¬ ã‹ã›ãªã„。 æ€ã„切ã£ã¦ã“ã®SEOブãƒã‚°ã®ãƒ•ã‚©ãƒ³ãƒˆã‚’大ããã—ã¦ã¿
[CSS]æ°—ã‚’ã¤ã‘ãŸã„IE 7ã®ãƒã‚° -CSS-Discuss
CSS-Discussã«ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„る「IE 7 Bugsã€ã®æ„訳ã§ã™ã€‚ çœç•¥ã—ã¦ã„る箇所も多数ã‚ã‚‹ã®ã§ã€åŽŸæ–‡ã‚‚å‚ç…§ãã ã•ã„。 Internet Explorer Win Bugs - css-discuss 注æ„： ãƒã‚°ã«ã¯ã€IE7ã®ã¿ã§ãªãã€IE 5, 5.5, 6ã®ã‚‚ã®ã‚‚å«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ 公開ã•ã‚Œã¦ã‹ã‚‰æ™‚é–“ãŒçµŒã£ã¦ã„ã‚‹ãŸã‚ã‹ã€ã¡ã‚‡ã£ã¨å¤ã„ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ IEã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®ãƒã‚° フォントサイズã®ç¶™æ‰¿ IEã®ç›¸å¯¾æŒ‡å®šã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®ç¶™æ‰¿ã¯ã€ã†ã¾ã機能ã—ã¾ã›ã‚“。 相対指定を行ã†å ´åˆã€emより%ã§æŒ‡å®šã‚’è¡Œã†æ–¹ãŒä¾¿åˆ©ã§ã™ã€‚ã‚‚ã—ã€em指定を行ã†å ´åˆã¯æœ€åˆã«%指定を行ã£ã¦ãã ã•ã„。 例： body{ font-size: 100.01%; } ※100%ã®ä»£ã‚ã‚Šã«100.01%を使用ã™ã‚‹ã®ã¯ã€Operaã§ã®ç¶™æ‰¿ãƒã‚°ã®å›žé¿ã®ãŸã‚ã§ã™ã€‚ ã‚ーワード指定ã§ã®ã‚µã‚¤ã‚º フォントサイズã«ã€Œsmall
![[CSS]æ°—ã‚’ã¤ã‘ãŸã„IE 7ã®ãƒã‚° -CSS-Discuss](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
IE共通ã®9ã¤ã®CSSãƒã‚°ã‚’ãã‚Œãžã‚Œè§£æ±ºã™ã‚‹æ–¹æ³•:phpspot開発日誌
IE共通ã®9ã¤ã®CSSãƒã‚°ã‚’ãã‚Œãžã‚Œè§£æ±ºã™ã‚‹æ–¹æ³•ãŒNettutsã«ã¦ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã©ã‚Œã‚‚ã€ãªã‚“ã§ã ã‚ã†ã¨é ã‚’æ‚©ã¾ã—ãã†ãªå•é¡Œãªã®ã§è§£æ±ºæ³•ã‚’知ã£ã¦ãŠãã¨ç°¡å˜ã«å¯¾å‡¦ã§ããã†ã§ã™ã€‚ 1. センタリングãŒåŠ¹ã‹ãªã„å•é¡Œ margin: auto を指定ã—ãŸå ´åˆã®æœŸå¾…ã™ã‚‹çµæžœ IEã®å ´åˆä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ãŒâ†‘ã«ã™ã‚‹ãŸã‚ã®è§£æ±ºæ³•ãŒæ›¸ã‹ã‚Œã¦ã„ã¾ã™ 2. 横ã«ä¸¦ã¹ãŸã„リストãŒéšŽæ®µçŠ¶ã«ãªã£ã¦ã—ã¾ã† IEã®å ´åˆä»¥ä¸‹ã®ã‚ˆã†ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ãŒã“ã®è§£æ±ºæ³•ã‚‚記載ã•ã‚Œã¦ã„ã¾ã™ 3. ダブルマージンフãƒãƒ¼ãƒˆãƒã‚° マージンã®æŒ‡å®šãŒæœŸå¾…通りã«å‡ºã¦ã„る例 ↓ IEã®å ´åˆã€margin: 30px 0 0 30px;  ã§å®šç¾©ã—ãŸå€¤ãŒæ£ã—ãé©ç”¨ã•ã‚Œãªã„例も解決法ãŒã‚ã‚Šã¾ã™ 4. heightã®é«˜ã•æŒ‡å®šãŒåŠ¹ã‹ãªã„ãƒã‚° height:2px を指定ã—ãŸå ´åˆã®æƒ³å®šã™ã‚‹è¡¨ç¤º IEã¯ãªãœã‹2pxã«ãªã‚‰ãªã„ã®ã§ã“れも解決法ãŒç¤ºã•ã‚Œã¦
Active Desktopã®ä¿®å¾©ãŒã§ããªã„-ã¤ã‚“ã©ã覚書
OSã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒ«å†ä½œæˆã§ç„¡ç†ã‚„ã‚Šç›´ã—ãŸãƒˆãƒ©ãƒ–ル。今ããã£ã¦ã‚„ã£ã¨ã‚ã‹ã£ãŸ! ãã‚„ã—ã„よー。 症状: Windows XPマシンã§ã€å†èµ·å‹•ã—ã¦ã‚‚å†èµ·å‹•ã—ã¦ã‚‚アクティブデスクトップã®ä¿®å¾©ãŒè§£é™¤ã§ããªã„。アクティブデスクトップã®ä¿®å¾©ã®ãƒœã‚¿ãƒ³ã‚’押ã™ã¨ã€ ã“ã®ãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¯ãƒªãƒ—トã§ã‚¨ãƒ©ãƒ¼ãŒç™ºç”Ÿã—ã¾ã—ãŸã€‚ Line 65 æ–‡å— 1 file:///C:/Documents and Settings/アカウント/Application Data/Microsoft/Internet Explorer/Desktop.htt Microsoftã®KBã‚’é ¼ã‚Šã«ã—よã†ã¨æ€ã£ãŸã‚‰æŒ‡å®šã®ãƒ‘スã«desktop.httã¯ãªã„ã—ã€.httファイルã¨åã®ã¤ãã‚‚ã®ã¯åˆ¥ã«ã¯ã‚ã‚‹ãŒã©ã†è€ƒãˆãŸã£ã¦ãƒ‘スもåå‰ã‚‚é•ã†ã—ã€ãã‚‚ãã‚‚ã“ã®KBã¯IE5.5用ã§Windows XPã«æ載ã•ã‚Œã¦ã„ã‚‹ã®ã¯IE6.0ã ã—。 ã»ã‹ã®PCã§ã‚‚ã¾
IE6ã§ã‚ˆãéé‡ã™ã‚‹CSSã®ãƒã‚°ã¨ãã®è§£æ±ºæ–¹æ³• | コリス
Dave Woodsã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€ŒIE6 -CSSã®ãƒã‚°ã¨ãã®è§£æ±ºæ–¹æ³•ã€ã‹ã‚‰ã€IE6ã§ã‚ˆãéé‡ã™ã‚‹ï¼“ã¤ã®CSSã®ãƒã‚°ã¨ãã®è§£æ±ºæ–¹æ³•ã®æ„訳ã§ã™ã€‚ IE6 - CSS Bugs and Fixes Explained IE6ã§ã€ãƒžãƒ¼ã‚¸ãƒ³ãŒï¼’å€ã«ãªã£ã¦ã—ã¾ã†ãƒã‚° IE6ã§ã€hasLayoutプãƒãƒ‘ティã«ã‚ˆã£ã¦èµ·ã“ã‚‹ãƒã‚° IE6ã§ã€å°ã•ã„高ã•ã‚’指定ã—ãŸå ´åˆã«èµ·ã“ã‚‹ãƒã‚° IE6ã§ã€ãƒžãƒ¼ã‚¸ãƒ³ãŒï¼’å€ã«ãªã£ã¦ã—ã¾ã†ãƒã‚° IE6ã§ã€ãƒ•ãƒãƒ¼ãƒˆã—ãŸè¦ç´ ã®ãƒžãƒ¼ã‚¸ãƒ³ãŒï¼’å€ã«ãªã£ã¦ã—ã¾ã†ãƒã‚°ã¨è§£æ±ºæ–¹æ³•ã®ç´¹ä»‹ã§ã™ã€‚ 下記ã®ã‚³ãƒ¼ãƒ‰ã§ã€IE6ã¯ãƒžãƒ¼ã‚¸ãƒ³ãŒ20pxã«ãªã‚Šã¾ã™ã€‚ sample:ãƒã‚° #navigation{ float: left; width: 200px; margin-left: 10px; } #content{ float: right; width: 500px; margin-right: 10p
ãƒã‚° - CSS HappyLife
ã‚ャプãƒãƒ£è¦‹ã¦ã‚‚らã†ã¨åˆ†ã‹ã‚‹ã‚ˆã†ã«IE8ã ã‘極端ã«ä½ç½®ãŒãŠã‹ã—ã„。 IE8ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã‹ã‚‰ã€ã¾ã ã‚ã‚“ã¾ã‚Šã„ã˜ã£ã¦ãªã„ã®ã§ã‚ˆã分ã‹ã£ã¦ãªã„ã®ã§ã™ãŒã€ä»Šçµ„ã‚“ã§ã„るサイトをIE8ã§ãƒã‚§ãƒƒã‚¯ã—ãŸã‚‰ã€ã€Œã‚れ？表示ãŒãŠã‹ã—ã„...ã€ã£ã¦äº‹ã«éé‡ã—ã¦ã—ã¾ã£ãŸã®ã§ã€ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€‚ よãã‚ã‚‹æ„Ÿã˜ã§ã€ãƒªã‚¹ãƒˆã®ãƒžãƒ¼ã‚«ãƒ¼å¤‰ã‚ã‚Šã«èƒŒæ™¯ã®æŒ‡å®šã‚’aè¦ç´ ã«ã—ã¦ã€ãã®ãƒªã‚¹ãƒˆå†…ã«ã¯ç”»åƒãƒ†ã‚ストãŒå…¥ã£ã¦ãŸã‚“ã§ã™ã€‚ã¯ã„。 毎度ã®ã‚ˆã†ã«ã‚µãƒ³ãƒ—ルも用æ„ã—ã¦ã¿ã¾ã—ãŸã€‚ サンプルを見る IE6ã§ã€floatã§æŒ‡å®šã—ãŸå€¤ã¨åŒã˜æ–¹å‘ã«marginã®æŒ‡å®šã‚’ã™ã‚‹ã¨ã€æŒ‡å®šå€¤ã®å€ç¨‹åº¦ã«ãªã£ã¦ã—ã¾ã†ã£ã¦ã„ã†æœ‰åãªãƒã‚°ã€‚ ãã®å¯¾ç–ã¨ã—ã¦ã€marginã®ä»£ã‚ã‚Šã«paddingを使ã†ã¨ã‹ã€è¦ªè¦ç´ ã§paddingã‚’å–ã‚‹ã¨ã‹ã‚ã£ãŸã‚Šã—ã¾ã™ã‘ã©ã€ä¸€ç•ªæ‰‹ã£å–ã‚Šæ—©ã„æ„Ÿã˜ã§ã€å•é¡ŒãŒç„¡ã•ãã†ãªdisplay: inline;を指定ã™ã‚‹æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã‚ˆã。ãˆã‡ã€‚ 何ã¨ãª
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ã€MovableType】ãˆã£ï¼æ–‡å—化ã‘？MTOS4.23… | ホームページ制作ã«å½¹ç«‹ã¤ï¼ãƒ–レイン・エイãƒã‚·ãƒ¼
{{#tags}}- {{label}}
{{/tags}}