|
|
Posted by Yuri Shtil on 08/09/07 16:46
Neredbojias wrote:
> Well bust mah britches and call me cheeky, on Wed, 08 Aug 2007 22:58:42
> GMT Yuri Shtil scribed:
>
>>> <div style="position:relative;width:80%;margin:auto;">
>>> <div style="position:absolute;top:1em;left:2em;">
>>> Hello dere!
>>> </div>
>>> </div>
>>>
>>> The outer div will be centered and 80% of screen width. The inner
>>> div with text will be positioned within it at 1 em (appx 16px at
>>> "normal" font size) from the outer div's top and 2 em from its left.
>>>
>>> For css to work best, you should always use an html 4.01 strict
>>> doctype.
>>>
>> This is great, but what if I have an another inner div I want
>> positioned to the right of the first inner div?
>
> <div style="position:relative;width:80%;margin:auto;">
> <div style="position:absolute;top:1em;left:2em;width:12em;">
> Hello dere!
> </div>
> <div style="position:absolute;top:1em;left:14em;width:12em;">
> Hoo dat?
> </div>
> </div>
>
> You can also do floats.
>
> <div style="width:80%;margin:auto;">
> <div style="float:right;width:12em;">
> Hoo dat?
> </div>
> <div style="width:12em;">
> Hello dere!
> </div>
> </div>
>
I've got that far before. The problem is that once could not figure out how to interrupt the float and place the next container below the float row.
Navigation:
[Reply to this message]
|