CSS positioning issues: invalid property value

If you are using single quotes in your css, Please remove single quotes from your css file.

For Example

// Wrong
.row{
    margin-left:'-16px !important';
    margin-right:'0px !important';
}

// Right
.row{
    margin-left:-16px !important;
    margin-right:0px !important;
}

I had a similar issue for me.

I wrote 10 (instead of 10px), this fixed the issue.


I just don't understand why you used padding-bottom instead of bottom in this case. Anyway:

   <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>

CSS bottom property: http://www.w3schools.com/cssref/pr_pos_bottom.asp

CSS padding-bottom property: http://www.w3schools.com/cssref/pr_padding-bottom.asp

Tags:

Html

Css

Padding

Position

Recent Posts