In article <11********************@w5g2000hsg.googlegroups.co m>,
TKapler <ka****@gmail.comwrote:
hi, i have two blocks in xhtml, e.g.
#div A
#div B
inside those divs there is an unknown text (for design), so i do not
know the height of any of this divs
The problem is, that i need to show them as
#div B
#div A
so switch their positions.
i tried
#div A float right
#div B float left
but it doesn't help (i can just move the div B on the left hand side
of div A, but not above), position absolute is of course nonsense
(unknown height, and i got a footer below those two divs)
any help would be appreciated, thx
You have 2 divs and you want one of them to the right of the
browser window to some extent and the other to be below but at
the left of the window to some extent? Look at:
<style type="text/css">
#a {float: left; width:50%;}
#b {clear:both; float: right; width: 50%;}
</style>
</head>
<body>
<div id="a">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Pellentesque augue.Suspendisse consectetuer velit nec
neque. Duis nec orci quis nulla egestas fermentum.Ut quis eros.
Aenean at augue vitae quam posuere vehicula. Pellentesque
habitantmorbi tristique senectus et netus et malesuada fames ac
turpis egestas. Maecenas justonunc, porta sed, molestie eget,
adipiscing id, ante. Cum sociis natoque penatibus etmagnis dis
parturient montes, nascetur ridiculus mus. Suspendisse potenti.
Nunc blanditmagna id odio sodales luctus. Nulla quam magna,
viverra quis, dignissim blandit, viverra nec</div>
<div id="b">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Pellentesque augue.Suspendisse consectetuer velit nec
neque. Duis nec orci quis nulla egestas fermentum.Ut quis eros.
Aenean at augue vitae quam posuere vehicula. Pellentesque
habitantmorbi tristique senectus et netus et malesuada fames ac
turpis egestas. Maecenas justonunc, porta sed, molestie eget,
adipiscing id, ante. Cum sociis natoque penatibus etmagnis dis
parturient montes, nascetur ridiculus mus. Suspendisse potenti.
Nunc blanditmagna id odio sodales luctus. Nulla quam magna,
viverra quis, dignissim blandit, viverra nec</div>
</body>
</html>
--
dorayme
