web-dev-qa-db-ja.com

CSSの配置の問題：プロパティ値が無効です

解決した

いくつかの非常に単純なHTML/CSSコードがあり、何をしても、クロムによって常に「無効なプロパティ値」例外が発生し、ロゴが適切に配置されません。助けてくれてありがとう。

編集：

最初の問題を修正しましたが、画像は境界線に関連して移動しません。申し訳ありませんが、私はWebデザインにまったく慣れていないので、少し手助けが必要です。

<html lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>my website</title>
    <style type="text/css">

        *{ padding: 0; margin: 0; }

        .header {
            width: 100%;
            height: 100px;
            border: none;
            border-bottom-style: solid;
            border-bottom-width: 5px;
            position: relative;
            border-bottom-color: rgb(220,30,60);
        }

        .logo {          
            position: absolute;
            padding-bottom:50px;
            height: 150%;
            width: auto;                
        }    

    </style>        
</head>

<body>
    <div class="header" id="header">
        <img id="logo" class="logo"  src="image.png"/>
    </div>
</body>
</html>
htmlcsspositionpadding
6
tagduck

この場合、bottomの代わりにpadding-bottomを使用した理由がわかりません。とにかく：

   <html lang="de" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8" />
        <title>my website</title>
        <style type="text/css">
             *{ padding: 0; margin: 0; } 
            .header {
                position: relative;
                height: 100px;
                border-bottom: 5px solid rgb(220,30,60);
            }
            .logo {
                position: absolute;
                bottom:50px;
                height: 150%;
                width: auto;
            }
        </style>
    </head>
    <body>
     <div class="header" id="header">
        <img id="logo" class="logo"  src="image.png"/>
     </div>
    </body>
    </html>

CSSbottomプロパティ： http://www.w3schools.com/cssref/pr_pos_bottom.asp

CSSpadding-bottomプロパティ： http://www.w3schools.com/cssref/pr_padding-bottom.asp

4
Vixed

私にも同様の問題がありました。

私が書いた 10、 の代わりに 10px

お役に立てば幸いです。

3
Manohar Reddy Poreddy

padding-bottom:50 px;のpxの前にスペースがあります。修正：

padding-bottom: 50px;
0
Paul Redmond