html - CSS positioning issues: invalid property value -
solved
i have simple css/html code, no matter do, "invalid property value" exception chrome, , logo won't positioned properly. help.
edit:
fixed first problem, image not move related border. sorry, i'm totally new web design , need little bit of help.
<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:50 px; height: 150%; width: auto; } </style> </head> <body> <div class="header" id="header"> <img id="logo" class="logo" src="image.png"/> </div> </body> </html>
i don't understand why used padding-bottom instead of bottom in 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_padding-bottom.asp
css padding-bottom property: http://www.w3schools.com/cssref/pr_pos_bottom.asp
Comments
Post a Comment