css

problem in css issue ..

i have div take css class .headbg01 { background-image: url(../images/header_background01.jpg); border-left: #cccccc 1px solid; background-color: #ffffff; width: 920px; background-repeat: no-repeat; height: 160px; border-right: #cccccc 1px solid; } its working great in ie the problem is the bg image doesn't appear properly in...

Header/Content/Footer layout with scrollable content and footer pinned to viewport bottom

There are lots of quasi-duplicates to this question, I know: http://stackoverflow.com/questions/106646/webpage-template-where-content-takes-full-height-of-viewport-if-has-1-line-minus is one, but that's not what I want; there's this hilarious question: http://stackoverflow.com/questions/371781/how-to-create-an-html-css-page-with-header-f...

Internet Explorer 6 Problem

I'm having problem with IE 6 (what a surprise : D) On the following site (http://balatonnet.com/cats/lstSubCat/13) in the content I cannot click on the first few links but after a few items the links are working fine. I couldn't figure out the problem, has anybody seen something like this before? Thanks The HTML code is: <div id="co...

creating an online windows 2003 emulator - best program to use?

hi i would like to produce a online windows 2003 emulator so anyone can use windows 2003 through a browser instead of installing the software - something similar to temulator www.temulator.com/- and zen internet emulator va.zensupport.co.uk - i have basic html & css skills can it be done using html/css or is it better to use java/fl...

CSS - Is it possible to force a <th> to take up an entire row?

This is rather unconventional, but this is a choice between re-writing pages of HTML or finding a way to do it in CSS. I would like a <th> to take up an entire row, forcing the one <td> which follows it to be on the next row (so a <th></th> <td></td> becomes a single column instead of two). I have tried display: block, but that doesn't ...

Footer not flowing to bottom of page

The yellow footer block that appears towards the top of the page should flow to the bottom of the content as a footer normally would. here is the CSS for #footer: #footer { background-color: #2F3B47; padding: 20px; height: 180px; float: none; clear: both; } I need the solution to work like a "sticky footer" so th...

Why doesn't my CSS pop-up message span the width of the browser viewport in IE?

I have this for my popup message (like stackoverflow has, you know the "You have earned a badge" "You have new responses" at the top): #message { position: absolute; top: 0; left: 0; z-index: 105; background-color:blue; font-family:Arial,Helvetica,sans-serif; font-size:100%; text-align:center; font-weight:bol...

Get div's to behave like a table

So I'm really trying to use divs exclusively, as opposed to using tables for layout purposes, but I'm still getting stuck here and there. Today I have one of those cases. Consider the following markup: <div style="width:943px;margin:0px auto;height:auto"> <div style="display:block;clear:both"> <div style="float:left;display...

Option in italics

Is there any cross-browser way to italicize select options? With the following CSS and HTML, FireFox shows the second option in italics, but not the third. None of the options are italicized in IE 7 or Safari. <style> option.bravo { font-style: italic; } </style> <select> <option>Alpha</option> <option class="bravo">Bravo...

Flex - Changing the color of a Custom scrollbar using CSS properties

Hey everyone, Currently, I am implementing a scrollbar using a custom embedded image using my CSS stylesheet. This is a very simple, thin scrollbar. I would like to configure this scrollbar using CSS properties at runtime, but so far I have been unable to do so. I know it can be done because I've seen examples of it in the net, but no c...

add li to middle of the ul (jquery)

How one can add li to middle of the ul. For example if i have list like this: <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> And i want to add addiion li (<li>new</li>) after 3rd list? ...

min-height: 100%; not working with jQuery treeview Plugin

I have a two-column css layout using Divs that I want to separate with a purple bar. This link is an example . Click the "Click Me First Link" on the page. Notice the second bar on the right. Now click the "Click Me Second" link on the page. Notice the extra bar goes all the way down as it should, but the first bar (e.g. left column...

Why not used position:fixed for a "sticky" footer?

I've seen Ryan Fait's method for sticky footer as well as one here and here. Why are these people making templates for sticky footers when #footer{position:fixed; bottom:0;} will suffice? EDIT: I will add that using position: fixed; for a footer does break margin: auto; centering in (at least) some browsers, thus creating the need f...

Google chrome is truncating my web site, why?

Has anyone seen the following rendering bug in google chrome: I get it occasionally when I navigate to http://www.mediabrowser.tv What causes it? Is there any workaround? ...

Looking for professional HTML/CSS themes?

I am developing a web based business software which will be used internally. I am looking for some open source themes which are meant for business software. I am finding a lot of themes which are meant for blogs and personal websites, but not too many for enterprise themes. Enterprise software in my books has a lot of reports, options...

Clarification what exactly CSS font-size measures

I'm reading CSS the definitive guide by Eric Meyer 3rd edition. His section on font-sizes (page 107) states that font size determines the em box. If I do: span { font-size: 10px; } Does it set exactly the horizontal and the vertical of the em box to 10px? He refers to the measurement as being the distance between baselines. I guess ...

Styling unordered horizontal list with ...best possible way

To make lists horizontal and hide default bullets, is it necessary to give {display:inline} and {float:left} both to the <li> tags or anyone of these alone is enough? <ul> <li><a href="#">First item</a></li> <li><a href="#">item 2</a></li> <li><a href="#">item 3</a></li> <li><a href="#">item 4</a></li> <li><a href="#">Last item</a></li...

Fluid 960: Weird Alpha/Omega behavior

I'm using Fluid 960 at the moment, and I'm getting some weird behavior with alpha/omega. My understanding of alpha/omega is that it's used to fix left/right margins in nested grids. However, when I apply alpha/omega to a pair of nested grids, the left hand side grid has a really shallow indent while the right hand side grid has a large ...

center a div box

Hello, I want to center a div container on a page, in the css I am using margin-left:auto; does not seem to work. Anything goes here Thanks ...

Global Portal Web Rules and Accessibility Rules?

A design agency I work for recently contacted me regarding the website development of one of their major (corporate) clients. They said: The HTML must be done according to the many global portal web rules and accessibility rules. ... although they'll provide more information on "global portal" and "accessibility" rules sometime...