Try <ul style="clear: both;"> on both of your ul On Fri, Apr 24, 2009 at 3:34 PM, Matt Thomson <[email protected]> wrote: > > I only 50% understand the whole float business, but what you have got > is an inline element floated left (img) next to a block level element > (ul) which is not floated. > > I try to avoid mixing floated and non floated elements, If one thing > is floated, I float everything after it in the html, and do a <div > class="clear"> after all the floated elements, then start the non > floated elements. > > It used to be the case that floated elements in firefox (correctly) > ignored non floated elements, and in IE they didn't. Now firefox seems > a bit inconsistant. > > > On Apr 25, 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 > > >
-- Blue Horn Ltd - System Development http://bluehorn.co.nz --~--~---------~--~----~------------~-------~--~----~ 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}