float, figure; surprising behavior on: http://ka5biw.com/FigTest/
I have begun updating my web pages. I want to use the figure tag. Floating figures produces page behavior that I was not expecting in Firefox, Opera and IE. The behavior is what I expected in Safari and Chrome. The page in question is:
I am using a Dell notebook, running Windoze 7.
Thanks, Paul
Chosen solution
In both browsers, I do get images dropping as a narrow the window, but not lining up nicely because Helmet_002.JPG is one pixel taller than the other images causing Helmet_005.JPG to wrap to a position below Helmet_003.JPG, etc.
Read this answer in context 👍 0All Replies (4)
I don't see a difference between Firefox and Chrome. Could you be more specific about the problem?
For reference: https://developer.mozilla.org/docs/Web/HTML/Element/figure
Rats. I can't believe I forgot to indicate that the behavior occurs when the window is resized. As the window is made smaller the images don't drop down and move to the left as other things that I've floated to the left.
Sorry for the confusion.
Thanks for looking at this.
Chosen Solution
In both browsers, I do get images dropping as a narrow the window, but not lining up nicely because Helmet_002.JPG is one pixel taller than the other images causing Helmet_005.JPG to wrap to a position below Helmet_003.JPG, etc.
Wow. Okay, that is what I get for getting lazy and not specifying the height. Thanks for looking at this. Now I can move on.