The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] positioning in responsive designing

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #157070

    Hallow, I am learning responsive designing. I made a banner with image and on the banner div I put a caption div. The position of banner div is relative and the position of caption div is absolute. Now the the problem is :-I set all images’ max-width as 100%, height as auto. and I set the max-height of caption div as 100% too. I Want the width of caption div and and banner div will be same..but my caption div is not spreading. I am typing my code below: **<div id="bannerPic"><img src="//"/>
    <div id="caption">Lorem ipsum dolor</div>


    position:relative; }


    font:normal 35px/58px “tahoma”, trebuchet MS; text-align:center; position:absolute; max-width:100%; height:58px; top:217px; left:10px; background:#3f78cc; opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ left: 0px; } img{ max-width:100%; height:auto; padding:0; margin:0; border:none; }**

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.