Hey guys so my problem is quite simple just I am not sure how to fix it.
I am basically trying to scale this image to fit the div width but it aint working for some reason. Width and height will keep their original size for some reason..
<body>
<div id="header">
<div>
<ul id="mymenu">
<li><a href="text">homepage</a></li>
<li><a href="text">blog</a></li>
<li><a href="text">photos</a></li>
<li><a href="text">about</a></li>
<li><a href="text">links</a></li>
<li><a href="text">contact</a></li>
</ul>
</div>
<div id="bgfix"> <!-- here is the image -->
</div>
</div>
</body>
Thats the HTML of it, it should take mymenu size and make the picture be its 100% width.
CSS code
#bgfix {
margin-top: 20px;
background: url("../img/home_bg.jpg");
background-repeat: no-repeat;
width: 100%;
height: 250px;
}
Aucun commentaire:
Enregistrer un commentaire