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]
-~----------~----~----~----~------~----~------~--~---
