It is hard to give working hint without seeing any code, but try to
add following lines into CSS for rule linked to your content (suppose
it as #content) element:
#content {
float:left;
width:100%;
clear:both;
}
This may not work if you have left or right paddings on your #content
element. In that case you may include entire #content into additonal
container (#contentwrap, for example) or adjust value in width clause
for you actual site width.
On 30 авг, 04:17, doug <[email protected]> wrote:
> I understand that the normal flow for block elements is to stack one
> on top of the other down the page. Since div elements are block
> elements, I expect them to stack in the manner.
>
> In the case at issue, I have a page containing 2 div elements. The
> first is to be used to contain a menubar across the top. The second
> is a "content" area which is supposed to be below the menubar. When
> the two div elements contain only sample text, they stack one on top
> of the other as expected. However, when I put a Spry Horizontal Menu
> Bar in the top element, the two elements become positioned very much
> like they were inline elements, ie., the first followed by the second
> on a single line.
>
> The thing is, I thought the default stacking of block elements was
> pretty rigid and could be altered only by some express code to do so
> such as 'display: inline'. I don't see how adding content (regardless
> of what it is), could defeat this default positioning. It sure seems
> to be happening. Does anyone have any ideas as to how this is
> occurring?
>
> Thanks for any input. BTW. for those not familiar with the Spry
> Horizontal Menu Bar, it is a horizontal menubar widget based on nested
> <ul> elements.
>
> ... doug
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
-~----------~----~----~----~------~----~------~--~---
