css - IE, DIV, images, float and LightView -
i'm trying figure out why images seem jumble around in ie versus chrome.
alas, ancient public school cms (we're talking 00's), , i'm no programmer, rather hobbyist trying juggle css , html.
i hope can few pointers. assume floating right div containers, render right. entire thing litteralky exploded when went create overlay text.
css can seen below. page source can viewed outside of cms frame-template here.
cheers, trin
#persongalleri { margin-left:5px; overflow:hidden; } img.person /* til personalesiden */ { width:80px; height:auto; border:1px solid #000; } div.personwrap { float:left; position:relative; margin:2px; } div.undertekstkasse { position:absolute; bottom:1px; left:0px; width:100%; background-color:black; font-family: 'verdana, arial, helvetica'; font-size:14px; font-weight:bold; color:white; opacity:0.6; filter:alpha(opacity=60); } p.undertekst { padding:6px; margin:0px; text-align:center; }
its difficult spot photos different heights, getting strange looking behavour when float them. if put fixed height on .personwrap solve layout issues.
div.personwrap { height: 105px; margin: 2px; position: relative; float:left; }
you remove float, , add display: inline-block
Comments
Post a Comment