I would like to use WebKit's box-shadow css property for a little drop-down. The code would look like: .drop_down{ -webkit-box-shadow: 1px 1px 4px #888; box-shadow: 1px 1px 4px #888; } However, for browsers that do not have this capability, I would like to use borders to approximate this drop shadow, like so: .drop_down{ border...
Hello. Basically I have a div at the very top of my site that I want to hide and when you click a button it pushes the whole site down and reveals its contents. Very similar to this nd.edu (click help center or poplar sites on the right side of the header). I am using jquery to accomplish this. This script works but it is jumpy, sinc...
I've been trying to add 2 divs centered one next to another with two aditional divs on the same position of the last ones but hidden... the big problem here is that I want the page to be elastic... Does anyone know how can I do this? ...
hi all I have alot of divs on a page with variable amounts of content in them. I am trying to use page-break-inside: avoid; so that each div section is not broken over 2 pages. It is working in firefox but not IE8. I have this in my css print file .page-break-inside-avoid {page-break-inside: avoid;} and my divs have the class in li...
Hello all, I just launched my site yesterday and everything was working as is. I have a blogs community page, and a questions community page that each have a top blogger/top commenters section, as well as a top askers/top answers section. They all share the same CSS and have an image that holds user pics that use CSS to align properly I...
Facebook Connect uses JS/CSS overlays/popups for user interaction. I have sites with Flash elements, and no matter how I set the z-indices, the Flash always seems to go to the top. I have a similar and likely related problem with a div with display:fixed at the top of the screen, where it gets covered by the Flash when you start scrolli...
How to display a div at center top position of the page, which need to be work under all size of monitors using CSS. Mainly I get issues on IE, where not aligned properly. ...
Here is the site in question I've got the sidebar working on any other page of the site except for this one; all of the pages have the same template. The sidebar right now is doing the old "go under the content". When I try and edit its positioning in Firebug to anything but relative and then change it back to relative, it snaps back i...
Hi, I'm attempting to use a mixture of jQuery and CSS to make the sand in an hourglass appear to flow as you scroll down the page. I basically have two 'sand' images, and use jQuery to change the height of their containers as the user scrolls. <!-- Load jQuery --> <script src="jquery-1.3.2.min.js" type="text/javascript" charset="utf-8...
Hi everyone, I need help. My main page has a long table that will typically be approximately 2 screens "tall" (assuming a 1024x768 browser window). I want the user to be able to browse that table up and down, while always having a set of control buttons available in the currently visible portion of the page. AND to retain contr...
Since there are more and more apps going the web way (like Phonegap, Appcelerator over the mobile and desktop apps development and the ones that I don't know yet), I am wondering what kind of role the web engine (seems the famous engine is webkit) is playing now and in the future? A web engine is capable of rendering HTML and CSS(for in...
http://wilwaldon.com/itsbroken/stay.html If you could take a look and tell me if it works in Safari that would be awesome. A screenshot would help if you find a bug. According to Adobe Browser Lab it looks fine, but according to my friend with a mac it's all sorts of messed up (the second tier's messed up, the vertical lines after the l...
Evening All, Had a question on whether or not the use of Absolute postioning in my context would be considered wrong by the CSS gods. Basically what I am doing is using it to position images for the header bar of my website. We can use SO as a good example. So the main logo at the top of our page is StackOverFlow followed by a menu. O...
EDIT: I've voted to close this as I was never able to determine the exact cause of the issue and the test links below no longer exhibit the issue since changing to use the Superfish menu. I'm using this simple jQuery drop down menu on a small site but I'm having an issue where the menu disappears only when the mouse hovers over text in ...
Can anyone give me deatails on each? for example? Is #ID an attribute or property or selector or anchor? Is default property and default attributes are different thing? Are all these Tags or elements? What we will say to this <img src="angry.gif" alt="Angry face" title="Angry face" /> This <div>.....</div> and these <br /> ...
Hello, I'm experiencing an annoying bug with Safari while combining opacity changes on hover and webkit-transition (eg: http://cld.ly/55xc2). By the way, the bug isn't there anymore in latest webkit nightly builds and everything works fine on Chrome. Do you know any workaround to fix this? I hope Apple's going to correct it soon… Chee...
I have this set of html and css. What I want is to have to have the small gadgets blocks float left but to centered inside of the absolute positioned gadget-wrapper. So, the gadget wrapper is absolute positioned to the bottom of a page. It holds x number of gadgets that floats left inside of the wrapper. All these gadget should be cen...
How positioning can save our time if we use in place of float on some place in layout coding? How we can judge where positioning would give better result? For example (i added just for example) if this is a design So far i only use float + margin + padding, now if i can mix positioning and save time and get pixel perfection easily th...
The form within the div is supposed to be hidden, but it isn't in FireFox. In Safari it is fine. <div id="add_task" style="display:none;"> <form id="add_task_form"> <input type="submit"> </form> </div> Any ideas? ...
When we open a window using: window.open("/calendar",'calendar','width=950,height=576,titlebar=no,statusbar=no,menubar=no,resizable=no,scrollbars=no'); Firefox 3 and IE 7 open it to have a content area height of 576 plus the browser items (URL bar, status bar, etc). Chrome however opens it to have a total height of 576 meaning a scro...