0

CSSに関しては、私は実際にはチャンピオンではないので、何らかの支援が得られることを望んでいました。

今、私は2つの子divを持つ1つの親divを取得しました。現在、ブラウザのサイズを変更するたびに、2つのdivが重なり合っています。左のdivを常に表示したい。

ここで実際に見ることができます：http：//unlimitedbrettworks.com/forums/

CSS：

#header {
     position: relative;
     height: 140px;
     overflow: hidden;
     background-color: #E1E1E1; }
#logo a {
    overflow: hidden;
    float: right;
    width: 620px !important;
    height: 190px !important;
    cursor: pointer;
    background: url(../images/art/logo.png) no-repeat;
}
#userarea {
    float: left;
    margin: 0 1em; 
    padding: 1.5em 1em 0 1em;
    text-align: left;
    font-size: 0.95em;
    width: 38em;
    color: #313131;
    font-family: tahoma, sans-serif;
    line-height: 130%;
}
#userarea a:link, #userarea a:visited {
    color: #333333;
}
#userarea a:hover {
    color: #800000;
    text-decoration: underline;
}
4

3 に答える 3

0 
#header {
     position: relative;
     height: 140px;
     overflow: hidden;
     background-color: #E1E1E1; }
#logo a {
    overflow: hidden;
    float: right;
    width: 620px !important;
    height: 190px !important;
    cursor: pointer;
    background: url(../images/art/logo.png) no-repeat;
}
#userarea {
    float: left;
    margin: 0 1em; 
    padding: 1.5em 1em 0 1em;
    text-align: left;
    font-size: 0.95em;
    width: 38em;
    color: #313131;
    font-family: tahoma, sans-serif;
    line-height: 130%;
    height: 122px; /* is value is the height min the padding you use.*/
}
#userarea a:link, #userarea a:visited {
    color: #333333;
}
#userarea a:hover {
    color: #800000;
    text-decoration: underline;
}

それが最初の問題です。2つ目は、cssファイルの128行目にあります。

div#wrapper
{
    margin: 0 auto;
    min-width: 764px;
    max-width: 2300px;
    border: 10px solid #333333;
}

必要なもの：

div#wrapper
{
    margin: 0 auto;
    min-width: 1024px;
    max-width: 2300px;
    border: 10px solid #333333;
}
于 2013-03-15T10:40:45.163 に答える
0

私はあなたのサイトに行き、Chromeの検査官と遊んで、答えを見つけました。

次のプロパティを#userareaに追加してみてください。

#userarea {
  position: absolute;
  background-color: #E1E1E1;
  height: 100%;
}

お役に立てれば

于 2013-03-15T10:41:25.293 に答える
0

申し訳ありませんが、質問がありません...リンクしたページでは、ウィンドウのサイズを変更しても、＃userareadivが常に表示されます。

#logo divを完全に表示するには、親div#headerから'height'属性を削除します。ウィンドウが十分に大きくない場合は、新しい行に移動します。

于 2013-03-15T10:42:05.147 に答える