Hi Peter, Give some space to left floating div by adding "margin-left: 150px" to P and UL elements.
Peter S: > Ok. I tried that and it helps ... a little, but still not right. This is > really starting to look weird, probably a browser bug, but in both IE > and firefox? I have updated the test page with colored borders and valid > xhtml. > http://farmworks.studiomadfish.com/test.html > > Any other ideas? > > The closest i can get to a sane solution is this (if they can live > without indented lists): > ul, li {margin:0; padding:0;} > ul {list-style-position:inside;} > > Would another doctype help? > > Surely others have encountered this bizzzare behavior? Its not just ULs > its any thing with margins or padding near floated elements. > > <Begins tearing hair> > > P. > > > > > On Mon, Apr 27, 2009 at 8:05 AM, Rory Casey <[email protected] > <mailto:[email protected]>> wrote: > > > li { list-style-position:inside; } > > + add some margin to your img > > img { margin:1em; } > > Adding borders to your ul elements lets you see what's going on. > > On Mon, Apr 27, 2009 at 6:40 AM, Peter S <[email protected] > <mailto:[email protected]>> wrote: > > Thanks guys. The suggestion to add padding just pads the problem > further > > right. The suggestion to add clear='both' stops the wrap, which i > want. The > > suggestion to make the img into a block level element makes no > difference, > > and indeed the original problem page has it inside a div box. > Incidentally > > the problem is the same using <img align='left' src='ddff' /> > > > > So how exactly does one left float an image without problems like > this? > > > > Peter > > > > > > On Sat, Apr 25, 2009 at 7:54 AM, .: christian mazur :. > <[email protected] <mailto:[email protected]>> > > wrote: > >> > >> Hi! > >> Add "padding-right: n px" on your img tag. > >> > >> Ex. > >> <img style="float: left; padding-right:30px;" > >> src="http://farmworks.studiomadfish.com/images/soil_ss1.jpg"/> > >> > >> ch.- > >> > >> > >> 2009/4/24 Peter S <[email protected] <mailto:[email protected]>>: > >> > Ive been doing mysql/php/html/css for a while, and > occassionally noticed > >> > odd > >> > margin behavior around floated elements, but this UL oddity > has finally > >> > made > >> > me ask whats going on... > >> > > >> > The problem is distilled down to a few lines here: > >> > > >> > http://farmworks.studiomadfish.com/test.html > >> > > >> > But ive also seen things like <hr>s run the full page width > through a > >> > floated element. > >> > > >> > Appreciate any pointers, thanks alot. > >> > > >> > Peter > >> > > >> > > >> > > >> > > > >> > > >> > >> > > > > > > > > > > > > > > > --~--~---------~--~----~------------~-------~--~----~ NZ PHP Users Group: http://groups.google.com/group/nzphpug To post, send email to [email protected] To unsubscribe, send email to [email protected] -~----------~----~----~----~------~----~------~--~---
![http://farmworks.studiomadfish.com/images/soil_ss1.jpg"/](http://farmworks.studiomadfish.com/images/soil_ss1.jpg"/){kind=link}