CSSテキストの位置付け

私はコンテナを持っており、＃hfoのテキストを保持しています。解像度が異なる場合に、ページを邪魔することなく、コンテナ内の任意の場所にテキストを配置する方法を教えてください。ありがとう。CSSテキストの位置付け

<style media="screen" type="text/css"> 

    body { 
    background-color:#C0C0C0; 
    } 

    #container { 
    background-image:url('pic.png'); 
    background-repeat: no-repeat; 
    height: 541px; 
    width:1020px; 
    margin: auto; 
    } 

    #info { 
    height:500px; 
    width:700px; 
    } 

    a:link { 
    text-decoration: none; 
    color:#000000; 
    } 
    a:hover { 
    background-color:#efefef; 
    } 

    h5 { 
    color:black; 
    font-size:0.9em; 
    } 

    </style>

出典

2011-07-24 fealiux

あなたが「ページをめちゃくちゃない」とはどういう意味ですか？可能であれば、達成しようとしているものの例を挙げてください。イメージであっても、人々の手助けをして、あなたがしようとしていることを視覚化するのに役立ちます。 –

大丈夫です。解像度が1440x900で1024x768に変更された場合、テキストは移動してコンテナの別の部分にあります。私はそれを "スティック"にするにはどうすればいいですか？ – fealiux

は#containerにしてh5にposition: relativeを追加します。その後、leftとtop（またはrightとbottom）という見出しを移動できます。ここで

#container { 
    position: relative; 
} 


h5 { 
    position: relative; 
    left: 10px; 
    top: 5px; 
}

はデモンストレーションです：http://jsfiddle.net/alp82/4b9xK/

出典

2011-07-24 17:40:27 Alp

CSSテキストの位置付け

答えて

関連する問題