CSS: Floated element after the content in code?

This recent question may be the same Wrap text around right floated column where left column appears first in html the solution involves floating a empty "spacer" div right , this spacer is first in source, it should have the width and height of the content to be in the right side - in the link a solution including a bit of jQuery to get the height - the position the actual menu over the top of the floated spacer a JS fiddle example produced from that link : HERE.

That's it! It needs a fixed height, but I can work around that. Thanks.

– FutureMillennium May 9 at 9:17 Cool you're welcome! & yeah it needs the height but the example also gives a method to detect that ;) – clairesuzy May 9 at 9:21.

Simple you have add the following css #content { float: left; width: 300px; /* put here the width you want */ } demo: jsfiddle.net/qTDLr/1/ Edit: make sure that the sum of #content and #menu width is less than the container width.

No, this just places #content to the left of #menu. #content has to flow around #menu. It has to look exactly like the first example in my question.

– FutureMillennium May 9 at 9:10 in the two html markup the css will work either the #menu above or below the #content – Ahmed Magdy May 9 at 9:13 or do you need something like this? Jsfiddle. Net/RyanAdriano/A6p3g – Ahmed Magdy May 9 at 9:15 Yeah, that's it :) – FutureMillennium May 9 at 9:19.

You could just use a table. This 'sidebar before content' problem of CSS has been a huge step backwards in terms of accessibility.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions