Problem Floating Containers Right & Left

You’ll have seen bits of this before, but ahead of making some other changes, I’ve managed to create myself a little problem. I have two containers that I want to sit left and right of each other, but the right one is sitting right and down.
Would anyone like to tell me what I’m missing?

One word of warning, the CSS in the pen is considerably in excess of what is required, but I didn’t want to edit and inadvertently miss something that was relevant

Hello.

The main issue is that your first “element” in the red border isn’t actually floated. The #basic_info element.

This could be avoided if you put the project manager / circle red bordered element (#pm_photo) first in the source though.

If you want elements to be side-by-side via floats. The first one needs to be floated so it gives hte opportunity for other elements to sit beside it. Being 2nd makes it impossible (Paul, don’t try to circumvent this; you know what I mean :stuck_out_tongue: ).

OK. I’ll give that a try - I’ll be back…

Well that fixed it. I’m puzzled though, as I was sure I had #basic_info floated left. Whatever, it’s working now, which was the main issue. Now onto my next line of thinking, removing the need for the table to present the text on the left. Standby for another Codepen when I get stuck…

Thanks @RyanReese :slight_smile:

That looks like tabular data to me and a table would be correct. A dl list would probably have similar semantics here also.

Would I do such a thing :smile:

1 Like

[quote=“PaulOB, post:5, topic:194321”]
That looks like tabular data to me and a table would be correct. A dl list would probably have similar semantics here also.[/quote]

It is, but I’d like to try and see how else I could achieve a similar effect. We’ll see - tomorrow though

You know the saying…“fool me once, shame on you. Fool me twice, shame on me”. :smiley:

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.