0

まず第一に、いつもあなたの答えに感謝したいと思います。私は自分のプロジェクトから、学生としてだけでなく、仕事をしているときにも、サイトを通じて多くの解決策を見つけました。

私はこの質問をする前にたくさん検索しましたが、実用的な解決策を見つけることができませんでした。

タイトルでごめんなさい。より良いものを考えることができませんでした。

サイトを開発しようとしましたが、ヘッダーに問題があります。メインページコンテナの固定サイズは1024pxで、内部のコンテンツは960pxに制限されています。ヘッダーとフッターだけがウィンドウの全幅を占めます。

2つの画像があります。最初の画像は2000x250（背後の建物）で、2番目の画像は2000x58（家のある言語）です。それぞれimg_Aとimg_Bという名前を付けましょう。両方とも、ユーザーの解像度（フッターなど）に応じて画面全体を表示しますが、高さに応じて拡大縮小します。

問題は、画面の解像度に関係なく、img_Bを1024pxの中央に配置して、ESボタンがメインページの最後（1024px）に配置されるようにし、ロゴが中央にマージン0の自動になるようにすることです。家を覆わないでください。

ここに私が求めているものをよりよく説明するためのいくつかの画像があります。

間違った（1920x1200）：

http://imageshack.us/photo/my-images/577/headerwrong.jpg/

右（1680x1050）：

http://imageshack.us/photo/my-images/20/headercorrect.jpg/

これが私のcssコードです：

#header{
    height: 140px;
    width: 100%;
    background: url(images/background_home.jpg) center center no-repeat;
}

#header .language_banner{
    background: transparent url(images/header_en.png) right bottom no-repeat;
}

#header .logo{
    display:block; 
    width:242px; 
    margin:0 auto;
    padding-top: 63px;
}

およびhtmlコード：

<div id="header">
    <div class="language_banner">
        <div class="logo">
            <img alt="athens insiders" src="<?php    bloginfo("template_directory"); ?>/images/logo.png">
        </div>
    </div>
</div>

前もって感謝します

4

1 に答える 1

0

あなたが何を達成しようとしているのかよくわかりませんが、＃header（またはどこでも）にbackground-size css（そしておそらくbackground-clip）プロパティを見て（そして追加して！）試してみたいと思います。背景を定義した後。

以前のバージョンのIEにはサポートがないことに注意してください。したがって、ユニバーサル互換性を実現する場合は、別の回避策が必要になる場合があります。

于 2013-02-16T17:43:32.377 に答える