Get Help:Ask a Question in our Forums|Report a Bug|More Help Resources
Last post Apr 13, 2012 11:00 AM by thsman
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.
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.
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.
Apr 12, 2012 08:57 PM|LINK
You can see it here.
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
Apr 13, 2012 06:14 AM|LINK
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):
background-position: center top;
margin: 0 auto;
Apr 13, 2012 11:00 AM|LINK
Dude. I am in awe. Thank you.