2 replies [Last post]
Alice Wonder
Alice Wonder's picture
Offline
newbie
Last seen: 6 weeks 5 days ago
Timezone: GMT-8
Joined: 2016-12-05
Posts: 2
Points: 3

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.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 2 hours 36 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9617
Points: 3685

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.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Alice Wonder
Alice Wonder's picture
Offline
newbie
Last seen: 6 weeks 5 days ago
Timezone: GMT-8
Joined: 2016-12-05
Posts: 2
Points: 3

I figured it out, I just

I figured it out, I just needed a clear: right; on the h2 heading.

Thanks