html - IE (all versions) ignoring height when content overflows -


Edit

managed to work but the problem still persists in 6/7.

I'm trying to get this effect:

example

In all browsers except IE except for any additional markup (all versions 9 including all): 

  & lt; Div id = "content" & gt; & Lt; P class = "first paragraph" & gt; Paragraph 1 & lt; / P & gt; & Lt; P & gt; Para2 & lt; / P & gt; & Lt; P & gt; Para3 & lt; / P & gt; & Lt; / Div & gt;   
 and with this CSS:  
  #content {width: 700px; Height: 232px; Status: Relative; Background: # CCC URL ('Assets / Header Image Page') left no more; } #ContentP {background color: #fafafa; Status: Relative; Top: 232px; Width: 440px; Padding: 10px; } #content p.firstPara {status: complete; Top: Auto; Bottom: 0; Background: #EEe url ('Assets / Header Reader' Picture ') No Repeat Down Left; }   
 In the case of the first paragraph, I have chosen the option to set it in full position and set the property "down" to 0, thus putting it at the bottom of the parent div Which has been fixed in the form of an image, although in IE it seems that the height of stability / relatively deployed elements is greater than the specified height if the height has been completely ignored. As a result, the first paragraph hangs down, max-height and various fixes I have not worked for.  
 Anyway I am at a loss, I think it can not be found at all to work under IE unless I do not separate   
 
 
 Any help would be greatly appreciated!   Add Overflow: Hidden  in your  #content  section.

Comments

Post a Comment