html - Img overflowing a fixed-width div in IE and FF -


I have a relatively small problem here, though it does not appear in Chrome

My containers There are 2 divisions on 50% width , one is moved to the left, the second goes to the right to the right, there is some text in one, and the other has nothing, but there is an image in which A max-width: 100% is enforced by default But still, how is the image flowing on the left side outside the DIVs boundaries?

- I'm not sure what this is happening to you, but still give an idea.

PS I am using some snippets, but I doubt this is a problem.

HTML:

  & lt; Div class = "content-project-left" & gt; & Lt; H1 & gt; Titled & lt; / H1> & Lt; P & gt; Paragraph & lt; / P & gt; & Lt; / Div & gt; & Lt; Div class = "content-project-right" & gt; & Lt; Div & gt; & Lt; A & gt; & Lt; Img src = "img / img.jpg" alt = "" / & gt; & Lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

it fixed itself.

Two 50% sides that are bent on the left and right, I have given the image within the right part of a float: right ...

Float: *; Removes the element from its natural document flow.

It has been removed and now everything has become normal.


Comments

Popular posts from this blog

java - org.apache.http.ProtocolException: Target host is not specified -

java - Gradle dependencies: compile project by relative path -

ruby on rails - Object doesn't support #inspect when used with .include -