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]> 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]> 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]>
> > 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]>:
> >> > 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}