[twenty eleven] Adding a second column

Thanks for this.

Accidentally I seem to have found an alternative, possibly temporary solution – let me know if you think it will do the job.

In this code:

.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
    width: 85%;
}

I increased width to 90%.

I did this for another reason but it seems to have solved the problem, surprisingly – at least it does on my browsers.

Do you think this is an adequate solution to the problem – I am not really sure why it fixed things and if I change the text I wonder if the alignment will go out again…

SD

Do you think this is an adequate solution to the problem – I am not really sure why it fixed things and if I change the text I wonder if the alignment will go out again…

Changing width of element doesn’t clear the float. Should you ever rewrite that article taking out some sentences or paragraphs or words, the proportion will be off again.

Paul’s solution above really is the best way to go – it corrects the fundamental problem.

Thanks. I’ll have a try. I got scared when I saw that much code!

So if I understand correctly, Paul you suggest adding this code to style.css

/* Clearing floats */
.clear:after {clear: both;}
.clear:before, .clear:after {display: table;content: "";}

Which I have now done.

I am not sure what you mean about applying this code to two paragraphs:

<!--...-->
<p class="clear">I direct, write and produce..</p>
<!--...-->
<p class="clear">In comedy my work is playful ..</p>
<!--...-->

I presume you mean adding <!--...--> before and after each of the two paragraphs starting “I direct, write…” and “In comedy my work…”

Is that correct?

As for the first two pieces of code you wrote, am I write to assume I can ignore those – they will be the results of correctly following the rest of your instructions?

Sorry if I am asking newb questions and thanks so much,

SD

Actually you don’t put <!--...--> there, it stands for whatever something already there, the point is the <p> that needs to have class="clear".

Any <p> that needs a clearfix, make it <p class="clear">.

I see. So to clarify, all I need to do is add the CSS to my stylesheet (which I have done), and in the text editor add <p class="clear"> before each paragraph that is causing a problem.

Have I understood this time?

thanks

Yes. Write post normally. When you’re done with the post, switch to Text Mode, you would see all the tags <p> put there by WP automatically.

All you have to do is put in class="clear", to any <p> that needs resetting the float for things that comes after.