css

need help with IE 6

so i've been working on a website now for like a couple months and i test it on chrome mainly. but before i release anything big i always check it on firefox 3.something and IE7. Now i've received some complaints that that it doesn't look very good in IE6 and when i do check it... well ya it doesn't look like its supposed to. Is there an...

CSS Styling Forms -- IE 6/7 bug

I am developing a website using forms and one of the browsers being targeted is unfortunately IE 6 and 7. I am having an issue with CSS and IE's rendering of form elements that are styled. I have written a test case, and it is as such (also available online at http://xistence.osnn.net/testcases/ie67fieldset/): <!DOCTYPE html PUBLIC "-/...

IE8 issue: div breaks line even though its floated

This looks like IE8 issue. I have two divs that are side by side because I float one of them to left. However, if the content inside of right div gets too big for the window, the right div breaks line and goes under left div. How do I make both divs stay on same level, side by side? Here is the code: css: <style type="text/css"> ...

SSRS css messing up?

So the last couple of days my dev webpage for ssrs has been looking really weird, as if it's not getting styled by css at all. I'm not the only person that is seeing it like this. We just rebooted the server and it didn't have any effect. If you know what it causing this, please help. another symptom is that i can't modify security s...

CSS Sprites browser rendering

We all know that CSS sprite images are great to reduce the amount of requests and such, but what about the performance of the browser rendering the page with several elements using a big image as a background? ...

String truncation in the middle, Mac style, CSS and jQuery

Hello! I need to implement a certain kind of string truncation where a string splits in the middle and its left part becomes resizable. Here is what it might look like: "Lorem ipsum dolor sit amet. Ut ornare dignissim ligula sed commodo." becomes "Lorem ipsum dolor sit amet ... commodo." I am open to solutions using pure CSS or with...

How to get a CSS class property value in code behind

How can I get the value of a style defined in a CSS class? The markup has: CssClass="grdTextBox" Text="aaaaaaaabbbbbbbccccccc" The CSS style is: .grdTextBox {FONT-SIZE: 12px; FONT-FAMILY: verdana; } The .cs file has: string cssClass = txtComments.CssClass; Response.Write(" cssClass is : " + cssClass); How can I find the value...

Does @import in CSS result in additional http requests?

I have an ecommerce site that has about 8 CSS files linked from the header - resulting in 8 separate http requests to the server. I consolidated all the CSS files into 1 big one, resulting in a 67kb (!) file - to cut down the http requests to 1 for our css files. I'm finding this size a CSS file a little unmanageable in light of the fac...

Why is CSS height:100% not working in IE6?

I have an IE6 absolute position div that I want to be full screen (100% width and height). It's being used as a "loading, please wait" message while the data loads on the page. It appears that ie6 does not recognize the css of "height:100%". Any work arounds? ...

multiple CSS selectors

I want to target an HTML element when BOTH the id and class selectors match. Ie, if the fieldset has id 'id1' AND class 'collapsed', some CSS rule applies (to ensure its height is reduced to zero). CSS 2.1 docs suggest that multiple attribute selectors may fill this task: http://www.w3.org/TR/CSS2/selector.html#matching-attrs But the...

CSS: Removing class with visibility: hidden / position: absolute does not unhide in IE6/7

I have the following CSS class: .hidden { visibility: hidden; position: absolute; } I have div with that class on it. If I remove the class, the div doesn't show. But the second time I "remove it", the div shows. Any idea why? See a stand-alone example using YUI for this: http://avernet.googlepages.com/ie-visibility.html (cod...

How do I make an element scale down to nothing using a CSS transition on the iPhone?

I’m trying to use the proprietary iPhone Safari properties -webkit-transition and -webkit-transform to make an element disappear with a graceful animation. Code: <div id="right" style="font-size: 500%; text-align: center; background-color: #fdf; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s;">3</div> <...

Good CSS for flashes (aka info messages in Rails, growls in OSX)

I'm having difficulty getting CSS to work like I want it to for flashes (those little messages that show when you log in or do something or whatnot to confirm your action, eg in Rails). I want it to: live within any arbitrary div look like a centered box with text in it be only as big as needed to fit the text (if less than specified ...

Even if an img tag appoints id and class, it is ineffective. . is it true?

Even if I appointed id and a class to an img tag of the html by a rumor and appointed it in css, it came when it was ineffective. img id="hogehoge_id" class="fugafuga_class" src="example.gif" / #hogehoge_id{ float:left; } .fugafuga_class{ padding: 10px; } It is a designated way such as the above. I got along well when I tested it ...

What is an alernative for the form select for full versatility in Internet Explorer?

I know Internet Explorer has always been hopeless with styling html <select> with inconsistent or non-existent font sizes, colours, borders, background colours etc so what are some alternatives for creating your own flexible field that is cross-browser compatible? It's fine to require any JavaScript framework such as jQuery etc. I'm thi...

clientHeight/clientWidth returning different values on different browsers

The properties: document.body.clientHeight, document.body.clientWidth return different values on IE7, IE8 and Firefox: IE 8: document.body.clientHeight : 704 document.body.clientWidth : 1148 IE 7: document.body.clientHeight : 704 document.body.clientWidth : 1132 FireFox: document.body.clientHeight : 620 document.body.clientWidth : ...

How to avoid a th element from inheriting properties from a tr element in IE6/7

I've got a table which has a repeating background image on the header: thead tr { border-collapse:collapse; background: #D3D2D2 url(images/background-table-header.gif) repeat-x top; } And this works across in both Firefox and Internet explorer, but if we want certain column headers to show the sorting direction we decorate the t...

Custom dropdown box using javascript and css

hi everyone, Is it possible to create a custom dropdown box using javascriit and css. for which i need to place a background-image for dropdown box using javascript If yes or no ? if yes . give any suggestion ? without using JQuery Thanks & Regards Ravi ...

How can I make a background clickable

I've been asked to make a sponsored background (site takeover) for one of our sites and the question arose of whether I can make the logos in the tiled background clickable. My initial thought was 'no', but the more I think about it, the more I think it'd be possible if I either used JavaScript to make the body element clickable, or fak...

Internet Explorer Drop down border

Is there a way to hide the border of a drop down menu in IE (to make it look flat, blend into the backgroud)? In Firefox it's simple enough to just set the border to 0px, but IE still renders a border even if you set the border to 0px. Thanks, Eric ...