FireFoxのスクロールバー分のズレをとるCSS
FireFoxのスクロールバー分のズレをとるCSS 2006年9月26日 FireFoxで表示したときページが縦方向にきっちり収まっているとき、スクロールバーの分だけスクロール時で表示されている時と比べてズレてしまいます。 デザイン自体には問題はありませんが、コンテンツが縦にきっちり収まっているページからコンテンツの長いページにページ移動する際にカクっとズレの動きが生じてしまいます。 な～んか気持ち悪いなぁと思ったときは body { overflow-y:scroll; } とするとページ移動の際のズレの動きがなくなります。 しかし、ＩＥ6、IE7ではブラウザ自体のスクロールバーとは別にもうひとつ内側にスクロールバーができてしまいます。 そこで対処法としてＩＥ６用CSSハックの*htmlとＩＥ7用CSSハックの*+htmlを利用して *html body { /*IE6だけに適
文字数の違う複数の項目をliタグを使って綺麗に並べるTIps
フォームの選択項目をliタグとcssのfloat、min-height、white-spaceを使って綺麗に並べるTipsです。 登録フォームを動的に作っていると、選択項目がとにかく多い！という事態に遭遇します。 静的なら1つずつtdで切って、文字が長ければcolspanで〜とできるわけですが、 動的に出してるとそういう細かい芸当は無駄にややこしいので、 できるだけ手軽に、できるだけ見栄えよく並べるために、リストタグを活用します。 並べたい項目は以下の通り。 たぬきうどん きつねそば 天丼 鶏ガラしょうゆラーメン 特選月見そば みそラーメン 明太子スパゲッティ ざるそば もりそば ナポリタン 森のきのことじゃこの和風スパ ざるうどん ペペロンチーノ 縦に並べるとページが長くなってしまうので、横に並べる事にします。 cssはこんなカンジ。 li { float: left; mar
HTML5ホームページテンプレート無料配布 [Cool Web Window]
404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
画像にキャプションを入れたい - ホームページテンプレートのdecoweb
画像の下にキャプション（説明文）を入れる方法を教えます。 ※当サイトでの方法は多数あるやり方の中の一つとお考え下さい。 Step1 【画像左寄せの回り込みにキャプションを入れる】 このように画像の右脇にテキストが回り込みます。このように画像の右脇にテキストが回り込みます。このように画像の右脇にテキストが回り込みます。このように画像の右脇にテキストが回り込みます。 上の画像の下にキャプションを入れてみましょう。 imgを<div>で囲み、<span>でキャプションを囲みます。最後に回り込みを解除します。 （class名はご自分でわかりやすい名前にしてもOKです） <div class="imagebox_left"> <img src="my_images/picture1.jpg" alt="イメージ画像"><span>画像のキャプション</span> </div> <p>このように画像の
CSS Gradient Text Effect
Do you want to create fancy headings without rendering each heading with Photoshop? Here is a simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash). All you need is an empty <span> tag in the heading and apply the background image overlay using the CSS position:absolute property. This trick has been tested on most browsers: Firefox, Saf
Stu Nicholls | CSS PLAY | CSS scrolling tables
Information If you have a lot of table data but not much room to display it, then this might be the answer. A css only styled table with fixed column headings and footer and scrolling content. Method #1 This uses two outer containing divs and a single table. Internet Explorer has a scrolling 'caption' whereas Firefox has this fixed along with the column headings. Opera fails at the moment but I am
404 | American Express Serve® Account
Sorry, nothing here! We looked everywhere, but couldn’t find that page. Home For immediate assistance call our Customer Care Professionals at: 1-800-954-0559 Currently there are no cash reload locations in the US Virgin Islands. The American Express Serve® family of reloadable prepaid accounts are available to U.S. residents who are over 18 years old only (or 19 in certain states) and for use virt
In intense conditions, set up sea anchors or drogues to assist stabilize your boat and decrease drifting in tough seas or excessive winds.
Choosing the suitable vessel on your boating life-style is an exciting yet important choice that can substantially effect your average experience on the water. Whether you’re a pro sailor or a first-time boater, choosing the right form of boat requires careful consideration of different factors, which include your choices, finances, intended use, and preferred features. In this manual, we’ll explo
CSS Image Maps - Flickr-like Technique?
An alternative to image-only CSS maps has been published. If you're looking for an easier way of creating image maps involving a single image, you may be interested in reading CSS Image Maps, Redux Below is a sample image map that's built entirely using CSS and XHTML. While I've added support for Javascript (item titles are simply displayed beneath the image), I've disabled it in this example -- I
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web標準HTMLコーディングのHomeWeb-coding｜パンくずリストをどのように表現する？
CSS-Only Accordion Effect: Vertical Accordian
http://cssglobe.com/lab/overflow_thumbs/
[CSS]テキストボックスで表示しきれないテキストを表示するスタイルシート