[CSS2.1]IE7までで慣れてると、さすがに混乱します^^;

Brichan’s Squareの移転作業をしておりますが、なにせ、7年前から存在するホームページでして、FrontPage2000、2003、Sharepoint Designer 2007と・・・4バージョンのWebエディタで作成していたんですよねぇ(ぉ
おかげで・・・CSS1.0やらIE専用やらもうごちゃごちゃだったり^^;

今回は、Expression Studio 2と、Visual Studio 2008にて、ASP.NET3.5 with AJAX Tool Kit(C#)でマスターページ1枚、PCオーディオレビュー以外の階層はほぼ同じで作成していますが・・・Storiaのページだけでも40枚軽く超えてたのね(気づくの遅い

・・・とりあえず、移転作業は1日10枚程度とあまりすすんでいません><

・・・っと、そんな話は置いといて・・・

まあ、IE8メインということで、CSS2.1準拠でページを移していたのですが・・・

<!-- code formatted by http://manoli.net/csharpformat/ -->
<pre class="csharpcode">
<span class="kwrd">&lt;</span><span class="html">div</span> <span class="attr">style</span>=”<span class="attr">background-image</span>=<span class="attr">:URL</span>(“<span class="attr">head</span>.<span class="attr">png</span>”);<span class="attr">height:33px</span>”<span class="kwrd">&gt;</span>
    <span class="kwrd">&lt;</span><span class="html">asp:Label</span> <span class="attr">ID</span>=”<span class="attr">titleL</span>” <span class="attr">runat</span>=”<span class="attr">server</span>” <span class="attr">CssClass</span>=”<span class="attr">head_title</span>”<span class="kwrd">&gt;&lt;/</span><span class="html">asp:Label</span><span class="kwrd">&gt;</span>
<span class="kwrd">&lt;/</span><span class="html">div</span><span class="kwrd">&gt;</span>
<span class="kwrd">&lt;</span><span class="html">div</span> <span class="attr">style</span>=”<span class="attr">background-image</span>=<span class="attr">:URL</span>(“<span class="attr">body</span>.<span class="attr">png</span>”);<span class="attr">background-repeat:repeat-y</span>”<span class="kwrd">&gt;</span>
    <span class="kwrd">&lt;</span><span class="html">asp:Panel</span> <span class="attr">ID</span><span class="kwrd">="Panel1"</span> <span class="attr">Width</span><span class="kwrd">="98%"</span> <span class="attr">runat</span><span class="kwrd">="server"</span> <span class="attr">HorizontalAlign</span><span class="kwrd">="Left"</span><span class="kwrd">&gt;</span>
    <span class="kwrd">&lt;</span><span class="html">asp:ContentPlaceHolder</span> <span class="attr">id</span><span class="kwrd">="ContentPlaceHolder1"</span> <span class="attr">runat</span><span class="kwrd">="server"</span><span class="kwrd">&gt;</span>
    <span class="kwrd">&lt;/</span><span class="html">asp:ContentPlaceHolder</span><span class="kwrd">&gt;</span>
    <span class="kwrd">&lt;/</span><span class="html">asp:Panel</span><span class="kwrd">&gt;</span>
<span class="kwrd">&lt;/</span><span class="html">div</span><span class="kwrd">&gt;</span>
<span class="kwrd">&lt;</span><span class="html">div</span> <span class="attr">style</span>=”<span class="attr">background-image</span>=<span class="attr">:URL</span>(“<span class="attr">foot</span>.<span class="attr">png</span>”);<span class="attr">height:33px</span>”<span class="kwrd">&gt;</span>
<span class="kwrd">&lt;/</span><span class="html">div</span><span class="kwrd">&gt;</span></pre>

 

こんな(恥ずかしい)コードを書いてますが^^;
ContentPlaceHolderの中で記載をしていったら、ContentPlaceHolderの最初で空白が空いてしまいあせりました^^;

コードを見てみると、トップにpタグがあり、スタイル、クラス無指定で記述・・・

Webで調べてみたら、pのデフォルトスタイルシートで上下1.3emのマージンがつくと・・・しかもIE7は不具合?でマージンが省略されてしまうとか・・・

おとなしく、

<!-- code formatted by http://manoli.net/csharpformat/ -->
<pre class="csharpcode">
<span class="kwrd">&lt;</span><span class="html">p</span> <span class="attr">style</span>=”<span class="attr">margin-top:0px</span>”<span class="kwrd">&gt;</span></pre>

で、解決しました。
トップはspanタグを使っていたのでまぬがれてたのね^^;

CSS2.1どころか、CSSの作法大丈夫かって自分に突っ込みたくなりますが・・・
まあ・・・がんばります;;

コメント (2) -

ゆっさ
2009/07/15 6:03:19 #

お~、なんか新しいこと始めたみたいだね!
難しいこともあるだろうけど、がんばれ~~
ファイトォ*:.。..。.:*・゚(n‘∀‘)η゚・*:.。..。.:*!!!☆

brichan
2009/08/11 13:08:34 #

@ ゆっさ:

今頃コメ返し~
やっと、自分の鯖でいろいろできるようになって、安定してきました~
応援ありがとですよ~
お互い、自鯖環境、がんばってきましょ~

コメントを書く

Month List