|
|
Posted by Neredbojias on 08/09/07 02:10
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>
--
Neredbojias
Half lies are worth twice as much as whole lies.
Navigation:
[Reply to this message]
|