Dreamweaver DIVs, CSS and bullet lists - problems

Aaaarghhh !

[SteveAdur]

Any ideas on using bullet lists in div tags?

I want to use CSS-P to layout a page, but I don't want to absolutely size the DIVs. I want the DIVs to float and change size depending on their content and screen res (also to enable the user to change text sizeusing browser settings and hence the DIV size must stretch with it).

In Dreamweaver if you create a DIV and then put text in it, and then tell it is a bullet list it blows the DIV apart. It creates DIVs out of each LI item as well and generates lousy html coding (see link below) :

If the DIV is absolutely positioned then the list behaves as it should do and sits in the DIV quite happily and generates nice neat html coding (see link below)

sample code live on the web : [snip]

I have tried this on DW 3, DW Ultradev 4 (4.01) and DW MX (6.1) and they all seem to do the same thing.

Floating (or relative?) DIVs that change size with the text they contain (using the browser text size option so that the viewer can change the screen text size according to what they prefer) would seem the logical way to go. But DW doesn't want to let me use the bullet lists in this sort of layout - it is happy if I prescribe the font and DIVs sizes and positions in the CSS, but this isn't as user friendly ...

Any ideas on how to get round this - or is it a Dreamweaver bug?

[edited by: pageoneresults at 3:55 pm (utc) on Oct. 4, 2004]
[edit reason] Removed URI Reference - Please Refer to TOS [/edit]

[SteveAdur]

just in case the url gets cut here's the code :

<div id="divfloater">
<p>Bullet list in a floating stretchy DIV</p>
</div>
<ul>
<li>
<div id="divfloater">Bullet point 1</div>
</li>
<li>
<div id="divfloater">Bullet point 2</div>
</li>
</ul>
<div id="divfloater">
<p>The div and li code here gets blown apart by the bullets in the html code</p>
</div>

<div id="divabsolute" style="position:absolute; left:22px; top:187px; width:428px; height:146px; z-index:2">
<p>Bullet list in an absolute positioned div </p>
<ul>
<li>Bullet point 1</li>
<li>Bullet point 2</li>
</ul>
<p>The div and li code here stays as they should be in the html code</p>
</div>