layout issue

[gwrman]

I have a layout issue that i can't seem to work out. Basically, i have a menu on the top right hand side, and content that i wrap around it. (if it is big enough.) The problem is that I want the article content to come BEFORE the menu content when parsing the code from top-down, and I can't seem to acheive this. Here is the css, and html....

CSS (middleblock is a div that is the whole page, and sidebar-block is the menu block, which i;ve floated right, inside of the "middleblock.)

#middleblock
{
margin: 15px auto;
width: 956px;
overflow: hidden;
text-align: left;
}

#sidebar-block
{
margin-left: 20px;
margin-bottom: 15px;
width: 245px;
float: right;
text-align: center;
}

HTML

<div id="middleblock">
**I want the article to go here, then the menu, which shoudl be aligned top right, to come next in the code...
	<div id="sidebar-block">
        menu items
        </div>
</div

any ideas?

 

[Vragabond]

Not much. If you need something floating vs something not floating, then you need to but the floated element first. I suppose you could float both blocks and make them siblings instead of parent-child. Then you could put whatever block you want to be first.

 

[gwrman]

hmmm, but would that allow one to wrap under the other, if the content is large enough?

 

[Vragabond]

No, it would not. So, I guess you cannot do it.