css - DIVs after a float left element on explorer appears after that element (not underneath) -
Both boxes are in the side in IE 7, while "B" is below "a" on other browsers (where it should be there)?
& lt; Html & gt; & Lt; Top & gt; & Lt; Style type = "text / css" & gt; .a {float: left; Width: 100px; Height: 50px; Background color: #CCC; } .b {width: 75px; Height: 75px; Background color: # F00; } & Lt; / Style & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div class = "a" & gt; A & lt; / Div & gt; & Lt; Div square = "b" & gt; B & lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;
Use Try-it Editor for a Live Preview (copy-paste my code):
Edit: I want to fix on IE I do so, things like FF, Chrome, Safari, etc.
thanks
Comments
Post a Comment