On Oct 8, 2006, at 8:10 AM, Tee G. Peng wrote:
> Hi, I have a difination list that is wrapped in a div class and
> shows up fine when it's on it's own page.
>
> http://project.lotusseedsdesign.com/111.html
>
> but if I insert into a page that is full with floated divs, the
> first set of difination list drops to the bottom. I know it's to do
> with float, but can't figure out why.
> http://project.lotusseedsdesign.com/follows-sidebar.html
Forgot to mention, about two weeks ago, I added the right column for
wishlists, tags, the same thing happened to 'wishlists' div, that the
whole section, starts from 'christmas' dropped to the bottom, I was
able to fix it with a <br style="clear:right" /> before the
wishtlists' closing tag. This time the same trick doesn't work, so I
am guessing it must be clearing thing winthin the 'dl.follows'.
Regards,
tee
>
> here is the css
>
> div.follows_wrap { border: 1px solid #d6d6d6; padding: 0.8em;
> margin: 0 !important;}
> div.follows_wrap p {text-align: right; font-size:.85em;padding-
> bottom: 10px; margin:0;clear:right;}
> div.follows_wrap p.seeall {text-align: left; font-size:.85em;
> padding-top: 16px; padding-bottom: 0;clear: right;margin: 0}
>
> dl.follows {margin: 0;padding:0;width: 90%;}
> dl.follows dt {float: left;clear: left;width: 26px;margin-bottom:
> 5px;}
> dl.follows dd.rating {float: right;text-align: right;width: 28%;}
> dl.follows dd.rating a:link {color: #3689d9;text-decoration: none}
> dl.follows dd.follower {float: left;padding: 0 0 0 10px;width:
> 50%;margin:0;font-size: 90%;}
> div.follows_wrap a, dl.follows dd.follower a:link {color:
> #ff4445;text-decoration: none}
>
> If I remove the 'clear:left' from 'dl.follows dt', it works fine
> but messes up the positioning which is ever worse.
>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
