Hello all css coder Just asking if there is a way to style a cascade list like this <ol> <li> <ol> <li>col 1 row 1</li> <li>column 2 row 1</li> </ol> </li> <li> <ol> <li>column 1 row 2</li> <li>col 2 row 2</li> </ol> </li> </ol> into a tab...
I noticed the layout of a website is all jacked up when viewing in IE8 in compatibility mode (assuming this means IE7 and/or IE6 as well) compared to viewing it in IE8 and Firefox. Since the site renders fine in IE8 and Firefox, I'm guessing that means I need to override certain styles for IE6/IE7. Are there any tools that I can use li...
I've got a very simple page, with one dijit button. I'm trying to override the font on the button with blue, times, bold. It works fine in FF, but in IE, I'm just seeing black, arial, normal text. If I look in IE Dev Toolbar, it shows the rule as applying, but not in the display. Am I doing something wrong? Here's the code: <html> <...
How do I put a vertical line down the middle of a div? Maybe I should put two divs inside the div and put a left border on one and a right border on the other? I have a DIV tag and I need to put one ascx on the left (that will get swapped out from time to time with another ascx) and then a static ascx on the left. Any ideas on how I shou...
I'm a person that learns best from example. Currently, I'm diving into the field of Web Development after fifteen years of developing desktop apps. I'm still getting used to all the web technologies used for developing modern web sites and everywhere I look, I see cool little UI elements and have no idea how they're implemented. So I tho...
I have an ascx control and I need to to fit into a div on my page. I do not want to scroll it. Can I reduce it's size to make it fit correctly? The labels seem to be ok, but some of the table cells and textboxes could be shrunk and I believe it would fit ok. I was thinking of doing a jQuery select on the textboxes in the ascx and reducin...
div id="outer" style="width:100%; text-align:center" div style="position:absolute; top:197px; text-align: center; width:858px; margin:auto; left: 0; right:0" I am using these 2 div tags to center a menu. Works beautifully except in IE 6. I looked through the other questions, tried several things but nothing worked. I would appreciate...
I am using a fixed height image to fill a div with gradient color using something like: background:transparent url(green_bg.gif) repeat-x scroll 0 0; However it only fills a height equals the image height. What's the best way to fill the backround of a div which changes in height, according to amount of text inside it, either using imag...
Like all right-thinking people, I hate to click on a link and discover too late that it leads to a browser-crippling PDF or Microsoft Office file. I thought I'd make life a bit easier for people by displaying a little icon next to links that lead to such files. With IE8 finally supporting the :after pseudo-class, I thought the CSS declar...
Just today learned that one of my websites, TwitPeek.net, is not rendering properly in IE8 outside of "Compatibility Mode". The site works fine in IE7. Upon some investigation, it appears that IE8 is refusing to apply the page stylesheets to the anchor and img tags that the page's javascript generates. Because of this, none of the scr...
Hi, I'm after a way to make div#page-container (bordered in red) to 100% height of the browser window on the following page - http://www.prettypollution.com.au/test As you can see it has a padding of 86px to take into account the footer area that snaps to the bottom. Any ideas? ...
Hi, Is there a way to make te size of a font relative to the size of the page? Applying % as size measure refers to the standard font size (like 90% of 12px, not 90% of the page!). This is different from the behaviour of most of the other tags. Any way to make the page 'scale up and down' also with fonts? Should I rely on em? Thanks ...
Hi all! I'm just a bit CSSing, and I have this code: #page { width: 950px; margin: 0px auto; } I have a div with id="page". I opened my page in IE6, and it just worked. Since when do auto margins work in IE6? Can somebody explain me why it works? Thanks BTW my doctype is: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit...
I've got an issue with my blog. When the browser window is narrowed down just so, the left part of the page (the "posts" area), drops. You can see it in action here: http://www.itscodingtime.com/ Just drag the right-side of the browser to the left, narrowing the browser width, and it happens. I can post the CSS if needed (let me know)...
I've problem with opacity for IE8 and Opera9-10. My little JS adds a CSS class to a row (<tr>) when users click on it. This is the class: .selected { opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */ filter: alpha(opacity=80); /* IE7 */ } Opacity is applied in Firefox and Google Chr...
When you specify font sizes in "em" units, the browser calculates the pixel values based upon its parents. Is there a way to view the final computed pixel size? Can Firebug do this or is there another tool. ...
When I change my screen resolution to 800x600, 640x480 and so on half my web page gets cut off including images I cant even use the scroll bar at all to see the rest of the page, I'm using percentages as well as pixels using CSS. Need help fixing? All browsers are affected. Here is a sample. #top { background: #424ee0; margin: 0...
I just want to know when not to use css sprites ... css sprites works great... but if are there some any occasions when they create a lot of headache...m asking from very experienced people.... ...
CSS doesn't support arithmetic such as margin-left: -60px + 50% of the width of the parent div. But my desire to do so is overwhelming. Does anyone know a solution using JavaScript or otherwise? ThanksMike ...
Hi, I am trying to set up CSS Tabs and I'd like them to be the same height and width. How do I do this w/ the following CSS: #master_tab_layout { height: 35px; } #master_tab_layout li { display: inline; overflow:hidden; list-style-type:none; background-color:#FE000C; } #master_tab_layout a, a...