Well, it IE after all. :-P
On Friday, September 28, 2012, Dave Solko wrote:
> Tom,
>
> That did it. I thought I had tried a width there earlier, but evidently
> not. Everything else respects the width of the <li>, but I guess IE just
> figures the :after isn't bound by the <li> because, well, it's after, so it
> goes as wide as it can. The funny thing is that it only effected the first
> list, and not the second.
>
> Thanks
>
> Dave Solko
> Pixel Alchemy
> d...@pixelalchemy.com <javascript:;>
> 513.300.2165
>
>
>
> On Sep 27, 2012, at 9:49 AM, Tom Livingston <tom...@gmail.com<javascript:;>>
> wrote:
>
> > Dave,
> >
> > Seems to me that w/o a width on <nav> the content you are adding with
> > nav li:hover::after, is... well... after the <li> which is the only
> > place you have a width declared (that I saw). Or am I not thinking
> > about :after correctly?
> >
> > HTH
> >
> >
> > On Wed, Sep 26, 2012 at 10:59 PM, Dave Solko
> > <d...@pixelalchemy.com<javascript:;>>
> wrote:
> >> I'm stuck with a weird problem with IE9 and floats.
> >>
> >> In every browser (so far) other than IE9, everything works fine, and
> the page renders properly. However, in IE9, the top 4 nav items force the
> nag to full width when you roll over them. I've narrowed it down to the
> FLOAT. I've got no idea on how to fix this and would appreciate any
> solutions. I need the float:right on the rollover to force the hover to
> appear at the right edge of the navigation and not butted against the text.
> I've tried adding a width to the hover, but that's didn't fix things. (Yes,
> there are some wrapping issues in the nav, but those aren't important here.)
> >>
> >> The offending code:
> >> nav li:hover:after {
> >> content: "\2192";
> >> float: right;
> >> padding-right: 10px;
> >> }
> >>
> >> The site in question: http://new.vintageposterbank.com/CodeIgniter/
> >>
> >>
> >>
> >> Dave Solko
> >> Pixel Alchemy
> >> d...@pixelalchemy.com <javascript:;>
> >> 513.300.2165
> >>
> >>
> >>
> >> ______________________________________________________________________
> >> css-discuss [css-d@lists.css-discuss.org <javascript:;>]
> >> http://www.css-discuss.org/mailman/listinfo/css-d
> >> List wiki/FAQ -- http://css-discuss.incutio.com/
> >> List policies -- http://css-discuss.org/policies.html
> >> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> >
> >
> >
> > --
> >
> > Tom Livingston | Senior Interactive Developer | Media Logic |
> > ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
> >
> >
>
>
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
