Skip navigation
長兵衛
Currently Being Moderated

DIV のレイアウトの問題

Jun 19, 2012 7:38 PM

DIV のレイアウトの問題で困っています。何方かお力をお貸し下されば幸いです。

 

Dreamweaver CS5を使っています。 OSはWindows7です。

 

container_DIVの中にHead_DIVとcontents_DIV及び foot_DIVをレイアウトしようとしています。

そしてcontents_DIVの中に入れ子でleft_side_DIVmain_side_DIVを横に並べてレイアウトしようとしています。

問題は、デザイン・モードでmain_side_DIV left_side_DIVの下に表示されてしまいます。

ブラウザー(EI9,Google Chrome, FireFox)で表示させると入れ子のDIVは問題なく期待通りに横に並んで表示されます。最終結果は満足ですが、これでは保守作業の折に大変不便です。

以前は、デザイン・ビューでも期待通りに入れ子の2つのDIVが横に並んで表示されていたのに、ある時から縦に並ぶようになりました。

この原因は何が考えられますか?

DWHelpの例にならってmain_side_DIVLeft Marginにleft_side_DIVの横幅のピクセル数を指定してみましたが、main_side_DIVがその分右にずれるだけで、2つのDIVが横並びになりません。

Helpの説明の中にカストマイズしたレイアウトのCSSはそのページのHeadの中に入れなければいけないようなことが書かれていましたが、この所為でしょうか? 現在、CSSは外部ファイルに書き出して、Linkして使っています。 外部ファイルのLinkを外して、Head中にのコピーしましたが結果は同じでした。

入れ子にするDIVIDスタイルにしてありますが、これはClassスタイルの方が良いのでしょうか?

その他色々試してみましたが、うまくゆきません。

考えられる原因に就いてご示唆頂ければ幸です。

問題のWeb]PageURLは:

http://longhat.fan-site.net/folder_hosomichi/tr_09/page_tr09_01.html です。

長兵衛  chobe@hotmail.co.jp

 
Replies
  • Currently Being Moderated
    Jun 26, 2012 10:02 AM   in reply to 長兵衛

    Text is readable?

     

    私はお願いしたいと思います。ウェブサイトは、多くの情報が含まれています。

    これは多くのスペースを必要とします。

    あなたは多くをスクロールする必要があります。

    このような理由から、私がお勧め: スライドショーを使用してください。

    概要を持ってするには、使用 小さい写真を使用することができます。

    (英語:親指)

    これは、スペースを節約できます。

    あなたのための解決策はありますか?

     

    幸運

    暖かい挨拶!

     

    Hans-Günter

     

    Here a screenshot:

     

    drJap.jpg

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 26, 2012 11:07 PM   in reply to 長兵衛

    Hello Mr. Chobe,

     

    first of all: please check your source code in a validator like http://validator.w3.org/unicorn/ or http://jigsaw.w3.org/css-validator/. I did and so you could just use this links:

     

    http://validator.w3.org/unicorn/check?ucn_uri=longhat.fan-site.net%2Ff older_hosomichi%2Ftr_09%2Fpage_tr09_01.html&ucn_task=conformance#

     

    http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Flonghat. fan-site.net%2Ffolder_hosomichi%2Ftr_09%2Fpage_tr09_01.html&profile=cs s3&usermedium=all&warning=1&vextwarning=&lang=en

     

    where you can get some initial indications for the used html and css. For a basic test you could use http://www.my-debugbar.com/wiki/IETester/HomePage.

     

    Despite of this, I'm afraid that I didn't understand your wish in the right way. Please send me a screenshot, where your problem is shown. Because in my IE8 your website works like a charm.

     

    Hans-Günter

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 1, 2012 8:58 AM   in reply to 長兵衛

    Hello,

     

    you are welcome and gratulation again to your interesting website, which I can read without any problems thanks Google. All the best for the future.

     

    Hans-Günter

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points