The html5 media is in a div that floats right.
The image is in a figure node that floats left.
The h2 header, paragraph, and table are in another div that doesn't have float instructions.
It does what I want, with the last div mentioned displaying below the audio, until I shrink the image horizontally. Then that last div gets visually split up with the header ans paragraph above the paragraph and the table below the media.
I don't understand why it does this since they are all grouped together in a div but it is consistent across browsers.
Doing the right thing:
Doing the wrong thing:
I can give the url upon request, but I didn't because nature of site I don't want to seem spammy, I just hope that what it is doing triggers someome who understands floats better than I do and knows why and how to stop it.
Yep, link required
Message me the link. If password protected, will need a user name and password (set up a temp account and delete it once problem is fixed).
Floats are basically easy, but do have big toothed gotchas if you don't fully understand them.
I figured it out, I just
I figured it out, I just needed a clear: right; on the h2 heading.