Forums
View unanswered posts | View active topics It is currently Mon Nov 24, 2014 11:54 am



Reply to topic  [ 9 posts ] 
 Dropdown menu and border-radius / box-shadow 
Author Message

Joined: Tue Mar 27, 2012 6:52 am
Posts: 5
Post Dropdown menu and border-radius / box-shadow
Hello

i've created a dropdown menu with nested <ul> et <li>.
but i didn't manage to make border-radius working in IE for menu items :

Code:
#menudesktop > ul > li:nth-child(2):hover {
   border:none;
   background-color:#009cd6;
   border-radius:5px 5px 0 0;
   -moz-border-radius:5px 5px 0 0;
   -webkit-border-radius:5px 5px 0 0;
   -o-border-radius:5px 5px 0 0;
   behavior: url(css/PIE.htc);
   }


if i add position:relative then the submenu (which have position:absolute) is hidden and border-radius still not working
i tried without the :hover but still not working

i don't understand where i'm wrong

> another bug : box-shadow is working thx to css3pie but it's causing a space on the right of the div (this div is behind the menu)
i did the same with footer
div with shadow is inside footer tags
i managed to get rid of the space by adding this code :
Code:
.lt-ie9 footer {
   overflow: hidden;
   height:105px;
   }


i tried the same for my menu problem but didn't work

here's a live demo : http://divstudio.fr/test/abpieh/index2.html
any ideas ?
thx a lot for your help ! ;)


Last edited by divstudio on Thu May 10, 2012 9:46 am, edited 1 time in total.



Tue Mar 27, 2012 8:09 am
Profile

Joined: Sat Aug 21, 2010 11:12 am
Posts: 223
Post Re: Dropdown menu and border-radius / box-shadow
Did you try applying the behavior to .lt-ie9 li#submenubleu without the :hover?

_________________
PIE needs more community support persons! Time is money, which means you can fund PIE development by answering support questions.


Tue Mar 27, 2012 11:10 am
Profile

Joined: Tue Mar 27, 2012 6:52 am
Posts: 5
Post Re: Dropdown menu and border-radius / box-shadow
Tonttu wrote:
Did you try applying the behavior to .lt-ie9 li#submenubleu without the :hover?

Thx Tonttu
Yes i did : same result ...


Tue Mar 27, 2012 11:22 am
Profile

Joined: Tue Mar 27, 2012 6:52 am
Posts: 5
Post Re: Dropdown menu and border-radius / box-shadow
anyone ? ;)
thx


Thu May 10, 2012 9:48 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: Dropdown menu and border-radius / box-shadow
It seems that for your submenu <ul> elements you are giving them the following:

behavior: url(http://divstudio.fr/test/abpieh/css/css/PIE.htc);

That URL does not exist. The main menu uses a different relative URL which works.


Sat May 12, 2012 9:27 am
Profile

Joined: Tue Mar 27, 2012 6:52 am
Posts: 5
Post Re: Dropdown menu and border-radius / box-shadow
Thx Jason but i use the same URL for shadow around the picture and it's working :

.content {
position:relative;
margin:5px;
box-shadow:0 0 5px #888;
-webkit-box-shadow:0 0 5px #888;
-moz-box-shadow:0 0 5px #888;
-o-box-shadow:0 0 5px #888;
behavior:url(css/PIE.htc);
}


Mon May 14, 2012 5:42 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: Dropdown menu and border-radius / box-shadow
I'm not following you. You say the url(css/PIE.htc) works, which is true, but that's not the same URL as the absolute URL I pasted from your code. Try visiting that URL and you'll see you get a 404.


Mon May 14, 2012 10:33 am
Profile

Joined: Tue Mar 27, 2012 6:52 am
Posts: 5
Post Re: Dropdown menu and border-radius / box-shadow
from which file did you paste this URL please ?


Mon May 14, 2012 10:45 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: Dropdown menu and border-radius / box-shadow
Sorry I misspoke, it's not from your code but from your page's DOM.

http://cl.ly/37433d3L2L1a2l2L2S0Y

Since you don't use that URL directly in your CSS, it sounds like you've got some javascript that rewrites your stylesheet incorrectly. My bet is on Selectivizr.


Mon May 14, 2012 11:02 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 9 posts ] 

Who is online

Users browsing this forum: Bing [Bot] and 2 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.