css

Does pngfix only affect images in the markup vs in the css?

I have a sprite that I'm using for rounded corners. The left corner sits on top of a gradient background, but the right corner sits on a white background. I don't want to have to put the images on the page as I'd rather have them in a sprite and just move the placement through the background property. Will something like pngfix not wo...

How do I set the height of a floating div in CSS?

I have two floating divs, each is 50% wide, the problem I have is that I can't get them to stretch to the full height of the window. Essentially I want each div to have 50% width and 100% height (but it isn't working) html <section> <div></div> </section> <section> <div></div> </section> css section { background: black; ...

Google Fonts Flash in Internet Explorer

I just set up Google Fonts API on my site. Internet Explorer, whenever I refresh the page, a default font flashes before the Google Font 'Reenie Beanie' loads. But shouldn't this be sticking in the cache or something so that once it loads once, it's there and no longer should default fonts show up? I'm using the WebLoader version to ca...

Need to get my divs side by side

I am just trying to get the image box to slide up next to the BBD logo and I can't seem to figure it out. A bit new to css and floats, etc. Can anyone offer a suggestion??? I'm working off of a template, so didn't set up the css myself. Thanks! link text ...

CSS: allow image to overflow from a div?

I want to create the following situation: +--------------------------------------+-----------------------+ | 1| | | IMAGE IMAGE IMAGE IMAGE IMAGE IMAGE | TEXT TEXT TEXT | |2 | | +-----------------------------------...

CSS: little float issue

As you can see from the picture i want my float: right, div box that contains this video to like "be there" and not floating there, i mean i want the hr line and commentsystem(the whiteblack boxes you see) under the video, i suck at explaining but if you dont follow please comment.. heres my css #sctryclip{ float: right; border: 2p...

HTML/JS/CSS issue getting bigger by itself

Here's the picture to begin with. I have this check box, that when you check, then with jQuery toggle(); it hides that you see in first half of the picture (#writeComment) and shows #SCtryVOTE (what you see in the other half picture, to the right). Now i dont know why but of some reason it expands when its checked, why i dont know, i...

How to make a floated div 100% height of its parent?

Here is the HTML: <div id="outer"> <div id="inner"></div> Test </div> And here is the CSS: #inner { float: left; height: 100%; } Upon inspection with the Chrome developer tools, the inner div is getting a height of 0px. How can I force it to be 100% of the height of the parent div? ...

Formatting an indented list in CSS

Hi, Let's say I have a list, with an arbitrary number of indentation levels, like so: Item Item Item Item Item Item Item Item Item Item Item If I'm displaying this list in an HTML document, how can I use CSS to handle the indentation? There might be an arbitrary number of indentation levels (although in ...

IE display problem

Hi, I have a page, and I just added pagination to it, but there's a prob in IE 7 & 8. When I add pagination code echo "<div class='pagination'>"; echo $pagination->GetPageLinks(); echo "</div>"; it breaks somehow layout in IE, I have looked all over it and I couldn't find what's wrong there. oh, and its css div.pagination {...

Fill CSS box with text from MySQL till there is no overflow, scrollbar, or hidden text

I want to fill a CSS box with text till there is no overflow or scrollbar. I fetch text from MySQL. The user clicks a button and the next bit of text that can fit will fill the box. The only way I've figured to do this is by parsing through the text and counting characters and newlines, etc and calculating whether it will fit in the b...

CSS Menus having cross browser problems

I am trying to solve a problem with a CSS menu where the menu does not display properly in IE 6 I see that the HTML has some conditional code to make it work with different browsers but I do not understand it well enough. Can someone suggest a fix so the selected tab in order displayed without the grey breaK? Thanks! Here's the CSS...

Is it possible to make cross browser rendering site without using CSS reset?

Is it possible to make cross browser rendering site without using CSS reset? Is CSS Reset for all website, small, one page, big? Should we use write all css without reset then only solve needed rendering problems nad only keep needed things in CSS Reset, or we should use CSS Reset from starting point? Should i suggest to use CSS reset...

Can we use like this <body class="all" <!--[if IE 7]>class="ie"<![endif]--> >

Can we use like this <body class="all" <!--[if IE 7]>class="ie"<![endif]--> >? I want to keep all CSS in one file. ...

What convention should I use while choosing css class name for a jQuery widget.

Hi, While creating a jQuery widget, what convention should I use to name my CSS classes. jQuery uses a 'ui-' prefix followed by the plugin name and a class specific name (example : ui-datepicker-header). Should I use this convention? Or is the 'ui' prefix "reserved" for jQuery's official use only? ...

Can comments in HTML and CSS ever create rendering problems?

Is it possible for HTML and/or CSS comments to cause rendering problems? HTML Comment : <!-- some info --> CSS : /* some info */ ...

What is cross browser rendering?

Can any one tell me what is cross browser rendering. Thanx ...

CSS: How to get two DIVs side by side with automatic height, to the height of their container?

I am designing a website for a client, and I am trying to get two side-by-side DIVs to adjust to 100% of their container. I've got the side-by-side done, but I can't get the right DIV to be the same height as the left one. You can view the problem here: http://campusmomlaundry.petroules.com/ The "challenges" and "benefits" DIVs should ...

How to remove margin at top of table?

Edit: I had some code posted here but I couldn't get it to reproduce. So here is the link to the problem: http://stackmobile.quickmediasolutions.com/questions.php?site=stackoverflow No matter what I do, there is still a gap between the table and the DIV. This occurs on Google Chrome 5.0.375.70 beta on Linux. (And it seems to occur on o...

How do i make the text in this div expand vertically?

Here is something that has bogged me down for quite sometime. I have created two fiddles so you can test live: Fiddle #1: http://www.jsfiddle.net/Jdk9R/2/ Fiddle #2: http://www.jsfiddle.net/d5PEu/ Looking at the Fiddle #1 you can make out that if the text is not formatted properly with spaces, the text overflows the border. How do i m...