- ベストアンサー
IE6でmax-width:100px; max-height:100pxを実現する方法
steel_grayの回答
- steel_gray
- ベストアンサー率66% (1052/1578)
IE7では max-width,max-height 対応しました。 参考までに。 http://www.microsoft.com/japan/windows/ie/
関連するQ&A
- IEでmax-width
<html> <style> body { width:100%; margin:0; padding:0;} p { border:1px solid red; max-width:800px; width:expression(document.body.clientWidth > 800? "800px": "auto" ); } </style> <body> <p> ここに長文コピー＆ペーストしてください。 </p> </body> </html> このような物を見つけました。 この部分 document.body.clientWidth > をブラウザ幅からIDをつけた親要素の幅（IDはなくてもいい）に変えることはできないでしょうか。 minmax.jsはなしの方向でお願いします。
- ベストアンサー
- JavaScript
- imgタグのmax-widthについて
画像(40×30）を領域(20×10）に縦横比を維持したまま縮小する際に imgタグにstyle="max-width:20px;max-height:10px;"を指定すること で画像を13×10のサイズで表示することは可能ですか？ また、できない場合はどのような方法を用いるべきでしょうか？
- 締切済み
- HTML
- openWin の width, height に変数は使える？
JavaScript の openWindow で ウィンドウのサイズ指定に変数を使うことは可能でしょうか？ もしかすると数字として渡したものが文字として扱われてるような 気がするのですが、どなたかご存知でしょうか？ width2, height2 に入れなおしたり eval() を使ってみたのですがうまくいきません。。。 width, height を 300 と直接指定した場合は動作します。 ブラウザは IE6, code はこちらです。 <html> <head> <title>[ ]</title> <meta http-equiv="content-type" content="text/html; charset=shift-jis"> <meta http-equiv="imagetoolbar" content="no"> <script language="JavaScript"><!-- function openWin(src, width1, height1) { var width2 = width1; var height2 = height1; width1 = eval(width1); height1 = eval(height1); window.open(src,'','directories=0, location=0, menubar=0, scrollbars=0, status=1, toolbar=0, resizable=1, width=width1, height=height1'); document.form1.text1.value = src + width1 + height1; return false; } //--></script> </head> <body topmargin="0" leftmargin="0" vlink="blue" alink="blue"> <a href="#" onclick="openWin('http://www.google.co.jp', 300, 300);">window</a> <form name="form1"> <input type="text" name="text1" size="40"> </form> </body> </html>
- ベストアンサー
- JavaScript
- max-widthを指定した場合の縦サイズのリサイズ方法
画像のサイズをCSSのmax-widthを指定した場合、縦のサイズを、縦横比率を変えずに自動でリサイズする方法を探しています。 CMS （Movable Type）でサイトを構築しており、ブログ記事の本文に「画像挿入」ボタンを利用して挿入するため、<img src="photo.jpg" width="600" height="400">とwidthとheightが指定された状態のため、max-widthで400pxと指定すると画像が縦長になってしまっています。 どのようにすれば縦横比率を変えず、さらにmax-widthのような形で縦のサイズを自動でリサイズする事ができますでしょうか？宜しくお願いします。
- ベストアンサー
- HTML
- CSSによってIEでNNにあるmax-widthと同等の機能をさせるには？
HTMLの＜table＞タグを使わずに、CSSのpositionやfloatを使って横２段、３段組のレイアウトをしたいと考えています。 さて、この場合それぞれの段に設定した横幅よりも大きな幅を持つ画像を挿入した場合、NNではmax-widthにより画像の最大幅をコントロール出来ますが、IEではこの属性設定が出来ません。このため画像を挿入した段の横幅が画像の幅まで伸びてしまうことがあります。そこで、NNのmax-widthに相当する機能をCSSによりIE上で実現する方法をお教えください。
- ベストアンサー
- HTML
- IE7とIE8の表示相違
自社のホームページを制作しているんですが、IE7とIE8で画像の表示が異なったので質問させていただきます。 ※PC関連の専門知識が初心者なので、文章がおかしな部分があるかと思います。 あらかじめご了承ください。 【相違点】 ・CSSでheight: 165px、width: 900pxを指定。画像がheight: 200px、width: 400pxです。 →IE7だと画像が切れてしまう →IE8以降のPCでは、画像が途切れることなく綺麗に全体画像が表示される。 IE7とIE8で画像表示に関して異なることがあるのでしょうか？ 分かる方教えて下さい。
- ベストアンサー
- ブラウザ
- スタイルシート※max-heightがIEではきかない
firefoxでは見れるのですが、IEではmax-heightがきいてません。 以下ソースです。 } #TREE-VIEW-DIV { float: left; width: 50%; max-height: 35em; overflow: auto; } これでfirefoxのほうでは、インラインフレームのように テキスト量が縦に多ければスクロールバーが出ます。 でもIEではでてこず、ずべてのテキストが長く下へ表示されます。 どうしてでしょうか、教えてください。 ※また、このサイトは左に１つ右へ上下２つの3ペイン画面なのですが、 これをすることによって、左と右を分けている境界線にグレーのラインを いれているのですが、これが真ん中から切れてしまいます（IEのみ）。 この因果関係などわかりますでしょうか。 下がソースです。 } div.●● { margin-left: 10em; padding: 1em; border-left: thin solid #c0c0c0 }
- ベストアンサー
- HTML
- firefox とie6 でのbackground height wi
firefox とie6 でのbackground height width表示の違い ホームページ作成しています。 初心者です。 globalnavi というdiv のなかに globalnavi li をfloat-rightで横並びにしました。 width 800px height 30px にしたいのですが IEやfirefoxでずれが生じます。よくあるトラブルのよなのでバグ対策など調べて試してみましたが両方がぴったり合うことはありませんでした。丸一日挑戦しましたがギブアップです。background image は30×800のバーをpng形式で作りました。独学でまだ理解していないことばかりで乱雑なcssですみません。ご教示をお願いします！！ #globalNavi{ background-image:url(../menubar.png); width:790px; height:30px; font-size:14px; color: #1C1D21; text-align:center; } #globalNavi li{ float:right; overflow:hidden; width:80px; height:30px; list-style-type:none; text-align:center; color: #1C1D21; border-left-width: 2px; border-left-style: solid; border-left-color: #999; line-height:0; } #globalNavi a{ width:80px; height:30px; display:block; text-align:center; line-height:normal; } #globalNavi a:hover{ width:80px; height:30px; background-position: 0 -80px; background-color:#B7D68D; text-decoration: none;
- ベストアンサー
- HTML
- IE6,IE7でボックスがずれてる。解決法を願いし
こんにちは、Santaと申します。 いつもお世話になっております。 さて、ホームページを製作しております。 ブラウザプレビューには、 Chrome 16.0 Firefox 8.0.1 IE9 ソフト Microsoft Expression SuperPreview 4 Trial を使用しまして IE6 IE7 IE8 IE9 Firefox3.6 を確認しておりますが、IE6とIE7のみ、ボックスがずれてしまいます。 どのようにしましたたら、解決できますでしょうか？ html（複雑に作ってしまいましたので、簡単に書かせて下さい） ******************************************* <div id="wrapper"> <div id="header> Rと書いてある画像が入っているボックスです </div> <div id="line"> 直ぐ下の、１０pxの横長の950pxの黒いラインです。 </div> <div id="contents"> こちらに５つのDIVボックスが入っております。 ●左の赤いwidth:75px height:500px;のものが一つ目のDIVボックスです。 </div> </div> 簡単に書きました。 画像のとおり、<div id="line"></div>に入っている width:950; height:10px; の黒のラインが少し下がってしまい、赤色の部分と重なってしまっております。 赤色の部分が上がっているのではなく、上の横長の黒のラインが下がっているようです。 何か解決法が御座いますでしょうか？ どうぞ、よろしくお願い致します。 失礼致します。
- ベストアンサー
- CSS
- ie8メディアクエリによるcss分岐ができない
ie8でメディアクエリによるcssの画面サイズ分岐ができなくて困っています。 環境は、windows XP Service Pack3です。 1.下記方法でIE8以下にもHTML5とメディアクエリを使えるようにしました。 (HTML5はバリデータでチェック済みです。) <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> 2.下記方法でデバイスの横幅に対応したcssを指定しました。 <link href="smartphone.css" media="screen and (max-width:480px)" rel="stylesheet" type="text/css"> <link href="tablet.css" media="screen and (min-width:481px) and (max-width:1024px)" rel="stylesheet" type="text/css"> <link href="pc.css" media="screen and (min-width:1025px)" rel="stylesheet" type="text/css"> 3.現象 a. firefoxではローカル上のページもサーバー上のページも適用されていました。 b. ipodではサーバー上のページしか見ていませんが、適用されていました。 c. しかし、ie8ではローカルでもサーバーにアップしてもcssが適用されません。 d. ie8では、media="screen"だけの場合は適用されていますが、and以降のサイズ指定が入ると適用されません。 e.type=などの指定もアリ、ナシどちらの組み合わせも適用されません。 よろしくお願いいたします。
- ベストアンサー
- CSS
お礼
IE7が普及すれば各ブラウザ間の見え方を調整するこのような面倒な作業から解放されるかもしれませんね。