html - DIV tag not following height -
i have header, made of image on left, , text on right. text made of 2 parts: line 1 (top) , line 2 (bottom). both of these need occupy 50% of height of header. height has no set height, not changing.
code: http://jsfiddle.net/olivermurfett/pamkeov5/
perhaps adding height: auto;
might help.
update 1: illisation of desired outcome: header http://www.shckyneton.catholic.edu.au/_sharedimg/header.jpg
is trying do:
#header-text-container { float: left; height: 100%; min-height: 100%; width: 90%; } #text-sacred-heart-college { float:left; font-size: 25px; } #text-a-vibrant-life { float:right; font-size: 20px; } #text-kyneton { width: 100%; float: left; }
Comments
Post a Comment