I think this works better if...
#imghldr { width: 40rem;
#myimage { width: 100%;
That way you only have to change the size of #imghldr to change the size of
#myimage
Much easier in a @media IMO.
<body>
<div id="photo_container" style="text-align:center;">
<div id="imghldr">
<img id="myimage"
src="http://fm.no-ip.com/SS/Suse/YaST/131/yast2-131-softpatterns-1200.png";>
</div>
<div id="img_text">Text below image</div>
</div>
</body>
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
On Nov 6, 2014, at 1:22 PM, Felix Miata <[email protected]> wrote:
> #imghldr {
> max-width: 100%;
> width: 40rem;
> background-color: #CBB;
> padding: 1rem;
> border: .5rem solid #BBC;}
> #myimage {
> width: 48rem;
> background-color: #BCB;
> padding: .5rem;}
>
> <body>
> <div id="imghldr">
> <img id="myimage"
> src="http://fm.no-ip.com/SS/Suse/YaST/131/yast2-131-softpatterns-1200.png";>
> </div>
> </body>
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
![http://fm.no-ip.com/SS/Suse/YaST/131/yast2-131-softpatterns-1200.png"](http://fm.no-ip.com/SS/Suse/YaST/131/yast2-131-softpatterns-1200.png"){kind=link}