css

100% height and padding = overflow

Hi. I have a setup that looks like this: <html><head><style> table{ height:100%; width:100%; padding:0 20px 20px 20px; min-height:540px; min-width:720px; } tr.head{ height:35px; background:black; } td.left-bar{ background-color:green; width:220px; } td.spacer{ width:10px; } td.right-bar{ backg...

How to get a google map to use 100% of its parent container?

I have tried to do this in many different ways but the most obvious was this: var map2 = new GMap2(document.getElementById("map2"), {size:"100%"}); That does not work. ...

How Can I overide the CSS style IN a table

when you stretch your table in tinymce you get this <table class="opbouw" style="width: 725px; height: 170px;" border="0" cellpadding="0" cellspacing="0"> however I want it to be overruled because all tables must be 100% width for printing else its looks crappy. can anyone tell me how to overule it so the table is 100% when printing...

Background Image "Link" in CSS

I've inherited a large project that already has a large markup base coupled with a short deadline, so a complete rewrite is out of the question. As such, I have an issue that needs to be resolved ASAP: (Forgive my cryptic shorthand in advance) I have a header that contains an UL and a DIV. div id="header" ul id="nav" <a li...

<div> with height=100% only fills one 'screenful'

Hi all! Please check the following example: http://www.esaer.com.br/csstest/ If the vertical scrollbar doesn't appear, please resize the window so it does. Problem is: when you scroll down, the portion of the screen that was hidden does not show the blue div background, which has height 100%, even though the red div forces the heig...

CSS Set Table Cell Background Color Using Text Inside Table Cell

Have basically the same problem as this - text has a background color set and is in a table cell. Text background color is only behind the text, and does not fill the entire table cell, which it should. The solution is normally to set a bgcolor on the table cell. Difference is that this occurs in many places throughout this particular w...

Optimize CSS: Narrow Definition (#mytable tbody span.myclass) better?

Hello, I wondered whether or not a 'narrow' definition such as #mytable tbody span.myclass { color: #ffffff; } is better/faster to parse than just .myclass { color: #ffffff; } I read somewhere that narrow definitions supposedly actually have some kind of adversery effect on CSS speed, but I can't remember where a...

[CSS] Clicking a link that's behind a div?

I'm not sure the title adequately describes the problem I've found myself with... Basically, I'm in the process of redesigning my website and one of the issues I've run into is that on the gallery view of my portfolio you get a grid of images for pieces of my work inside a frame. When you hover over the frame the image is hidden and th...

CSS problem in IE

I have the following code: DIV><TABLE><TBODY><TR><TD> <DIV id="namesClass" style="WIDTH: 700px"> <UL style="MARGIN-LEFT: 0px! important; LIST-STYLE-TYPE: none! important"> <LI style="PADDING-RIGHT: 5px; FLOAT: left">Construction hotel</LI> <LI style="PADDING-RIGHT: 5px; FLOAT: left">Associations hotel</LI> <LI style="...

Margins not being honored by IE

I have a form with a set of fieldsets. These fieldsets will be conditionally hidden and shown server side so I need these fieldsets to flow left to right top to bottom. The code below achieves this however the margin-bottom of 10px is not being honored by IE (IE7 only tested). I read some posts that suggest this has to do with margins...

How do u debug Display/CSS issues in multiple browsers?

say i need to develop a web site for multiple browsers. major ones - Firefox, Safari, IE, Opera, Chrome how do u debug display issues? in FF theres Firebug which is great. theres a Firebug Lite for other browsers but thats not full featured - it does not refresh realtime. say i suspect some jquery (ie. adding classes etc) may be the cau...

How to set img tag vertical center : html + css

I'm coding it <div> <a href="http://example1.com"&gt; <img src="example1.gif" /> </a> </div> <div> <a href="http://example2.com"&gt; <img src="example2.gif" /> </a> </div> a { text-align:center; height :80px; display:block; } The centering of the horizontal direction do well. but vertical is not. How to do it? By the...

Very Unusual Margin Appears Always in Internet Explorer [CSS]

Only in Internet Explorer does this occur: I'm getting an additional margin (of 19 pixels) below a fieldset and I can't seem to see why, whatever I try! Try it for yourself, take a look at http://theshrop.com/d/call_us_or_call_in.php. To aid I've added a grid and some background colours. The fieldset should have a 1.125em bottom margin a...

How do I get this to render in IE6?

Cannot work out how to get the following menu to display correctly in IE6, any ideas? Demo: http://www.jankoatwarpspeed.com/examples/vimeo_navigation/ ...

Does Firefox and Safari behave similarly regardless of OS?

By that I mean if Firefox renders exactly in the same way on win/mac/linux and Safari on... If not, what have you experienced? ...

Why is my style not being applied to a non-HTML element in IE?

This doesn't work in IE6 or 7: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Title</title> <style type="text/css"> N {display: block} </style> </head> <body> <div> <N>element1</N> <N>element2</N> <N>element3</N> <N>element4</N> </div> </body> </html> ...

Resizing effect on Html Table cell

I neeed jQuery help. He can we dynamically resize a table cell ?.If we resize it, change only affect that particular cell,rest should remain same. ...

Wrapping text with css

Hi Guys, I have the following html: <label class="description">Label Text</label><input type="password" /> And the css styles are: fieldset span.formrow label.description { width: 150px; display: -moz-inline-box; display: inline-block; } My problem is that in Firefox 2 if the text goes over the 150px limit, then the l...

Why does my floated left div go to the next line in IE6 using the 960.gs?

I'm using the 960 grid system to make a site (www.960.gs). I have a 9 column wide div (grid_9) with two divs inside it (grid_5 and grid_4). This is meant to yield one large outer div with 2 internal divs sitting side by side inside of it. However when viewed in IE6 it displays as one larger div with two internal divs, one below the ot...

CSS menu dropping over a siFR title breaks in IE

I've tried setting the z-indexes accordingly.. the sifR'd title is in wmode = transparent... I'm at a loss. Any ideas? It doesn't work in both IE 6 and 7. ...