[TYPO3-content-rendering] CSS problem with floats and bullet lists

[JoH]

> Maybe some CSS-enthusiast has a solution for this problem. I've found
> no solution in my quick Google research.
>
> The challenge is here:
>
> http://www.baschny.de/test-bullet.html
>
> Is someone able to style the bullet-list that is rendered to the side
> of the floated box with correct margins and bullets positioning, and
> without affecting the appearance of bulleted lists in other
> circumstances (i.e. no float to the left)?
>
> This is related to the bug report
> http://bugs.typo3.org/view.php?id=66.

Well - this is not a bug but default behaviour.
As you can see in your example the containers for ul and li are in the right
place.
The red box that got float:left now pushes the content of these containers
to the right, making it float around it.
The bullet of a bullet list is just a virtual content, since it doesn't
exist in the HTML text.
So only the text itself is pushed to the right receiving the bullet
afterwards.

IMHO the only solution: Don't use bullet lists with floated elements.
Instead of using "in text left" here, you will have to use the "no wrap"
version instead.

BTW: Don't you think a floated bullet list is one of the ugliest things you
could do?

Joey

-- 
Wenn man keine Ahnung hat: Einfach mal Fresse halten!
(If you have no clues: simply shut your knob sometimes!)
Dieter Nuhr, German comedian
openBC: http://www.cybercraft.de