I have a project where I wrote the code and someone else made the stylesheet. I am now trying to integrate the two but have found a weird problem.
Without the style sheet the whole site is working perfectly. In FF I have the web developer extension that allows me to turn off various aspects of css. If I turn off the stylesheet (as in don't apply it) the site works fine. With it things cease to work
as in buttons won't click and dropdowns won't drop.
I'm not that up on css but hoping someone here can point out something obvious. I can post code but not at all sure what to post.
The CSS style sheet itself shouldn't be preventing code from functioning, as CSS files only serve to actually style the content on the page. There may be another issue that could be causing this - but it seems strange for the CSS to cause that.
Are you sure things are still "working" but simply look as if they don't? If the stylesheets aren't too large it might not hurt to post some of the code within them.
I had the same thoughts but I assure you the code does not run with the stylesheet hooked up. There is a button on a view panel that when clicked shifts the view to the next panel and displays the results of a query on a gridview. With the style sheet nothing
happens. Without it works.
Give me a few minutes and I'll put it up somewhere.
If you use Chrome or FF with the webdeveloper toolbar extension you can turn off the stylesheet.
On the far left of the page is a button "Find and book a vehicle". This fires okay in IE but not in FF or Chrome without a style applied from the stylesheet. Once clicked you will then see two dropdowns and another button. Click that button with and without
the stylesheet.
I tested ur case, its because DIV with height:221px. u just need to use z-index on these 2 DIVS.
Its working now, i solved it by using firebug plugin of FF (v11).
Just update ur CSS rules like below (only added z-index CSS rules):
thsman
Member
47 Points
94 Posts
How does a style sheet prevent code from running?
Apr 12, 2012 08:29 PM|LINK
I have a project where I wrote the code and someone else made the stylesheet. I am now trying to integrate the two but have found a weird problem.
Without the style sheet the whole site is working perfectly. In FF I have the web developer extension that allows me to turn off various aspects of css. If I turn off the stylesheet (as in don't apply it) the site works fine. With it things cease to work as in buttons won't click and dropdowns won't drop.
I'm not that up on css but hoping someone here can point out something obvious. I can post code but not at all sure what to post.
Rion William...
All-Star
26574 Points
4414 Posts
Re: How does a style sheet prevent code from running?
Apr 12, 2012 08:34 PM|LINK
The CSS style sheet itself shouldn't be preventing code from functioning, as CSS files only serve to actually style the content on the page. There may be another issue that could be causing this - but it seems strange for the CSS to cause that.
Are you sure things are still "working" but simply look as if they don't? If the stylesheets aren't too large it might not hurt to post some of the code within them.
thsman
Member
47 Points
94 Posts
Re: How does a style sheet prevent code from running?
Apr 12, 2012 08:46 PM|LINK
I had the same thoughts but I assure you the code does not run with the stylesheet hooked up. There is a button on a view panel that when clicked shifts the view to the next panel and displays the results of a query on a gridview. With the style sheet nothing happens. Without it works.
Give me a few minutes and I'll put it up somewhere.
thsman
Member
47 Points
94 Posts
Re: How does a style sheet prevent code from running?
Apr 12, 2012 08:57 PM|LINK
You can see it here.
http://www.poporangi.com/
If you use Chrome or FF with the webdeveloper toolbar extension you can turn off the stylesheet.
On the far left of the page is a button "Find and book a vehicle". This fires okay in IE but not in FF or Chrome without a style applied from the stylesheet. Once clicked you will then see two dropdowns and another button. Click that button with and without the stylesheet.
raju dasa
Star
14320 Points
2440 Posts
Re: How does a style sheet prevent code from running?
Apr 13, 2012 06:14 AM|LINK
Hi,
I tested ur case, its because DIV with height:221px. u just need to use z-index on these 2 DIVS.
Its working now, i solved it by using firebug plugin of FF (v11).
Just update ur CSS rules like below (only added z-index CSS rules):
#page-background-glare-wrapper { position: fixed; width: 100%; z-index: -1; } #page-background-glare { background-image: url("images/page_gl.png"); background-position: center top; background-repeat: no-repeat; height: 221px; margin: 0 auto; max-width: 884px; min-width: 900px; position: relative; top: 0; z-index: -1; }rajudasa.blogspot.com || blog@opera
thsman
Member
47 Points
94 Posts
Re: How does a style sheet prevent code from running?
Apr 13, 2012 11:00 AM|LINK
Dude. I am in awe. Thank you.