Posted by Jonathan N. Little on 06/21/06 23:03

Edelman.Jason@gmail.com wrote:
> Jonathan N. Little wrote:

>>> I was under the impression that displaying both inline will put them next to
>>> each other?
>>> Any help would be great.
>> The problem is UL are block elements. BTW IMGs are inline by default. I
>> think what you are looking for it to make
>>
>> #Info{
>> float: left;
>> margin-left: 3%;
>> /* you will probably need to define a width here as well */
>> }
>> #Pic{
>> /*You can remove your setting here, you want the default */
>> }
>>

>
> or you could remove all your CSS that you have now regarding position
> and just float the image right and the list left. be sure to clear
> your content div for firefox, since you're using floated items in it.
>

Except floating content both left and right has a tenancy to create the
"dumbbell" effect where you have a lump of stuff on the left and a lump
of stuff on the right and nothing or very little in the middle.
Especially pronounced on large viewports. This is usually not a very
attractive design. Better to float only one and let the other fill in.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]