I'm sorry if this was already answered, but it's kind of difficult to search for something with "100% height". My problem is that I need 100% height table layout because of automatic cell resizing done by browser, which I don't want to script myself for obvious reasons. It differs from other "100% problems", in that I need some cells t...
I have a simple page with a form and selects. Number of those selects are set invisible and I use Javascript (JQuery) to set visible/invisible the good one. The CSS to set them invisible is : select { margin:0; margin-top:5px; padding:0; border:0; } .Invisible { display:none; } It works fine on Firefox, Opera an...
Here's my markup (live repro): <body> <div style="text-align:center">header <input class='datepicker'/></div> <table><tr><td>really wide table.....................</td></tr></table> </body> When the datepicker is activated, the header div's width changes from the width of the screen to the width of the table (larger). This causes ...
This is a very lame question, but I have struggled with it far too long and decided to admit the truth and go for help. I have a series of pages on a new site that are proving problematic with the text hanging way down from the header. This only happens in IE7. It works properly in FF, Safari and IE8 - I don't even want to talk about IE...
I want my resulting *.css file to land in the output/css directory instead of the stylesheets directory. How would I go about doing this? I've already tried: Compass.configuration do |config| config.project_path = File.dirname(__FILE__) config.sass_dir = File.join('src','stylesheets') config.css_dir = 'css' config.output_style...
We are trying to place a flash with transparency that covers an iframe. The iframe will load any external website. Is there a way to setup the page so the flash is shown but the underlying site is still usable (focus, clicks, formes submitting...etc). ...
Hi guys I have a series of table cells that I am trying to set the height of. It all seems to work well but unfortunately Firefox adds on the borders to the overall height where as the other browsers seem not to. Hence I was wondering if anyone knows of a jquery function/plugin that will set the height consistently between browsers r...
I have read a lot of posts about how you can force lightbox (or other dhtml things) above flash by modifying the embed-tag with wmode="opaque". Just modifying the z-index of lightbox (or whatever else you want above the flash) simply is not enough. But what if you cannot control the embed-tag? I am working with a client that has a ban...
I have a row in a web page. which has three controls SomeText Input Button It is like this <div> SomeText <Input/> <img> </div> In above img is floating right Right now i have Input size 30, but in small resolution 30 is too big for the row and it splits in two. I want input width to be maximum available inste...
Hi, Trying to underline a header, but have it as a much thinner line than the bold text above it, how do I do this? From 'googling' the answer it sais that this should work (but it doesn't): <span style="text-decoration:underline; font-weight:normal;"> <span style="text-decoration:none; font-weight:bold; font-family:Arial; font-si...
i need a small overlay to display at the bottom right corner of the page i can't get the position right div#overlay { z-index: 5; float: right; } ...
I have a top navigation area with position: fixed I'd like the page content to scroll normally, but not disappear under the navigation. The main issue is when I do a search, (this is a full CMS with hundreds of results in different modules) what I'm searching for sometimes gets scrolled under the navigation. I'm ok with it because I kno...
Lalalal, I am going insane with the CSS... I can't achieve the simplest layout here, something is breaking. I want 2 columns next to each other: [**** 300px ****][******** 500 px ********] 2nd column heading Some text.. - 1st bullet point text - 2nd bullet... - 3rd... ...
I need to rename a large number of CSS elements in both the CSS file in which they are defined as well as in multiple HTML files in which they are used. What's the best way to do this on Windows? ...
I have a comment box like so... <div id="comments"> ... </div> Now, inside this comments div I have another div called box... <div id="comments"> <div id="box"> ... </div> </div> The box div is position: fixed and it works mostly fine, but... What I would like is, instead of the box div "floating" above all the con...
This is a CSS issue that doesn't make sense to me.. Right now I have something like this: .container { height: 500px; width: 500px; position: relative; padding: 10px; } .child { top:0px; left:0px; position:absolute; width: 100px; height: 100px; } The child right now disregards padding of parent. This seems counter-...
What is better in sIFR 3 beta than sIFR 2 ? What is benefit of using sIFR 3 over 2 ? I need details on differences . Which is easy to implement and to maintain? in my new projcet i want to use sIFR so which vesion should be choose and why ? I want to make my site compatible with al a Grade browsers? ...
Please refer to the sidebar menu at http://malahandi.deetechnologies.com If you look closely, the menu is hiding behind the content pane on the right. I am using Joomla here. I have tried the z-index and a lot of quirks from the web but I am unable to get the CSS on top of all the elements on the page (i.e. the right content pane actua...
Say I have: <ul class="menu"> <li>One</li> <ul class="submenu"> <li>Apple</li> <li>Orange</li> </ul> <li>Two</li> <ul class="submenu"> <li>Pear</li> <li>Banana</li> </ul> </ul> Is there a way to select only the first children of the top level <ul> element (in this case "One" and "Two") with just CSS? ...
Having an input <input type="text" id="myTest" value="bla bla bla"/> and doing this (using jQuery) $('#myTest').select(); causes "bla bla bla" to be selected with default dark blue selection color. Now, is there any way I can change this color using css? css3 can change selection using for instance ::-moz-selection { backgroun...