overflow css working in Ie but not working with firefox
overflow css working in Ie but not working with firefox overflow:auto; not working with firefox? ...
css
How do I keep two divs that are side by side the same height?
I have two divs side by side. I'd like the height of them to be the same, and stay the same if one of them resizes. I can't figure this one out though. Ideas? Edit: Here's a mockup I did in notepad: Edit: Updated to try the link suggested below, but still no luck. Edit: To clarify my confusing question, I'd like both boxes to always b...
How to change the background color of a h:inputText control inside a rich:Panel
I need to change the background color of some <h:inputText> controls inside a rich panel based on a condition. This is to distinguish these controls as readonly. I tried using styleClass and style properties but both did not work. styleClass is ignored and style colors only half of the textbox. 1) styleClass code : In css : .readonl...
Bugs in scroll-follow with Google map (Firefox and Safari)
A scroll follow effect is when a part of the web design is always visible, even when the window is scrolled. There are animated and static versions of this. The animated is ok http://robertomartinez.info/cobra/index.html But I prefer the fixed version, however I have some bugs: http://robertomartinez.info/cobra/index_fixed.html -In F...
align input text with label in my Search gadget
hi, I would like to align the label of my search widget with the input text (they are slightly not aligned on all browsers). Any css tip ? thanks This is my code: <label for="edit-search" style="float: left;">Search</label> <span class="views-widget"> <span id="edit-search-wrapper" class="form-item"> <input type="text" class="form-te...
Why doesn't this html/css work in ie?
I am just trying to center a div on the page. It works in chrome but in i.e. the div is still on the left: <html> <head></head> <body> <div id="container" style="margin:0 auto; width:200px;"> test </div> </body> </html> Everything I've read has said that to center a block element, simply add margin:0 auto and specify a wid...
What is best way to create a weblayout which is cross browser compatible?
A design is a very important part of a web site. But making a layout cross browser compatible is very tough task. What is the easiest way for this? ...
how to use wmode=transparent in firefox ?
Hello guys, I made a webapp where I need html content to popup on top of the swf objects I have. I ended up using the swfobject setting wmode: "transparent" which works fine in all browsers (Chrome, safari, IE) except firefox. In firefox I can't click the flash buttons, i tried to remove wmode=transparent and, of course, I can click any ...
onclick event change background-image with fade transition
Hi to all. I'm searching for a trip in jQuery for changing the background-image of the body (or of a 100%-height "wrapper" div) on a click event of a class element, with a cross-fade transition effect. Is it possible? Thank you in advance. ...
Performance of CSS Transitions vs. JS animation packages
I'm wondering - is there any difference in performance of using CSS Transitions vs. any of the various JS animation libraries? (scriptaculous, scripty2, jsAnim, MooTools, $fx, etc, etc). I've tried various tests in Safari / Google Chrome, and I don't actually see any difference -- I thought that CSS Transitions were supposed to be hard...
CSS : How can I add shadow to a label or box
I have an button just as have Ask Question on SO and here is the CSS for it: .rfs .grey_btn{ float: right; margin: 15px 5px; } Now I have to add border shadow to it and I have tried border-radius and box-shadow but it does not give me proper result. Also other question is that I have a label or box say and now I want to increa...
What is the Quicker / More Efficient CSS styling
I have been curious as to which method of CSS styling is quicker (rendering wise) and then from simply a best practices perspective which method makes more sense (pretty subjective I would say?). I can create base classes like: .rounded-corners-5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } OR I can ...
Paragraph with normal opacity within greyed-out div
I am greying out a web page when a user doesn't have permission to access it. In order to do that, I am placing a div with background-color white and a lowered opacity on top of the web page. I want to write some words in that div with the words having a normal opacity. As of now, the greyed out background is showing correctly. However...
Struts is not using my default CSS for rendering <select> items seems to ignore my CSS
Struts seems to completely ignore the styleclass option for rendering the and associated options. I have spent a good deal of time getting the CSS right for this website to shar on all the pages, but cannot get struts to play ball? ...
Wordpress: Not able to retrieve css for new plugin in admin mode
I'm creating a new plugin which will have it's own css file. The css file resides in the root folder of the plugin. In the plugin section of the admin interface, I have added a few text fields fields. But the CSS is not applied. I'm adding the CSS file using this code: // Register styling add_action('admin_init', 'event_styles'); ...
Lite-Javascript Gallery - Can I position the img absolutely in relationship to the <li>s?
I have a lite-javascript run image gallery. The javascript grabs each <img> element in the list and places it as a background in the parent <li> element. Then the CSS styles the thumbnails as small blocks with a defined height/width. A click-event for each <li> object toggles its child’s <img> element’s visibility and adds an “active” c...
Strange layout behaviour
I am a little bit confused. Here is a small web page. There are two main div-s: top and mainBlock. First contains an image. The problem is that firebug shows that div#top's height is equal to 0 and because of that the next div mainBlock moves up. If I would delete this piece of code: div#logo{ float: left; } everything will start...
Cell padding within inline CSS
I have a table within a div (see below). How do I add a right padding of say 30px to each cell/column within the table in that div? My understanding is that I have to use inline CSS? Basically, I want each cell to be padded on the right by 30 pixels. <div id="ddTopMenu";> <table border="0" > <tr> <td width=100></td><td >Diction...
Issue while trying to give a floating effect to a footer bar in IE
Hi, I'm trying to put a footer bar at the bottom of the browser no matter what the length of the content is. The footer bar should always be visible to the user and should be on the top layer. Following is my code: <html> <head> <style type="text/css"> #wrapper { width: 910px; margin: 0 auto; ...
jqGrid flicker in IE when hover over certain elements in TD
The background color of the TDs are changed when javascript changes the class of the row to '.ui-state-highlight' There is a flicker when mouseout of DIVs and IMGs in the TD content, in IE, is there a way to prevent this flicker? ...