Topic: Positioning inline objects (Page 1 of 1)

Hi guys, I've a quick question about positioning objects that are inline.

I have a webpage with a footer this is a div that covers the width of the screen,
inside this div I want a piece of text to be displayed on the left side, and a piece of text to be displayed on the right side.

I was thinking about putting one group of text into a span and floating it right, making sure it's display is set to inline but this still makes it display on the the line below albeit on the right, am I thinking about this the right way, is there and easier way to accomplish such a thing?

Cheers,

Blaise

Float should do it... can we see the page?


___________________________
Suho: www.liminality.org

is there enough room for it to float?

DIV#footer DIV#left {
float: left;
}

DIV#footer DIV#right {
float: right;
}

<DIV ID="footer">
<DIV ID="left">This text is on the left.</DIV>
<DIV ID="right">This text is on the right.</DIV>
</DIV>

That should work.

just as H][RO asked, 'is there enough room?'
Be safe and add width and clear elements to that stylesheet.

DIV#footer DIV#left {

width:45%;

float: left;

clear:left;

}



DIV#footer DIV#right {

width:45%;

float: right;

clear:right;

}



<DIV ID="footer">

<DIV ID="left">This text is on the left.</DIV>

<DIV ID="right">This text is on the right.</DIV>

</DIV>

The only problem this might create is the collapsing of the footer div -- as floated elements no longer take up space in the document (in Gecko browsers -- Mozilla, Netscape, Firebird, etc)
The only solution I know of is to add a block element under the two floated divs which is set to clear:both.
Not a great solution, but the only one I know.