alignment of container in internet explorer 7

Submitted by eduski on Wed, 2012-01-25 00:08

I have css below for my containers and html code. For some reason, the right column in ie7 is being pushed further right by approximately 20 pixels, and I can't figure out why. Any insight is appreciated.

html, body {
	margin: 0;
	padding: 0;
	line-height: 1em;
	height: 100%;
}
 
body{
	background: #000f42;
}
 
img {
	margin: 0;
	padding: 0;
	border: 0;
}
 
li {
	margin: 0;
	padding: 0;
	border: 0;
}
 
div#container {
	position: relative;
	background: #000f42;
	width: 950px;
	margin: 0 auto;
	padding: 0px;
	height:auto !important; /* real browsers */

Internet Explorer and Hover CSS - Probably something really simple...

Submitted by pancakes on Tue, 2012-01-24 18:16

Hello all.
I hate to feel like I'm wasting people's time with this, because I know I'm probably missing something really small, and really obvious, but it's driving me INSANE.

Basically, all I want is for some text to be one colour when standard, another colour when hovered over. I can get it to work fine straight away in Firefox and Chrome, but IE refuses to pay any attention to it.

I've been trying to break it down, so here is my incredibly simple bit of code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta

Kraft CSS Framework -Redefining the way of CSS Coding

Submitted by kraftpress on Fri, 2012-01-06 08:45

Download the Framework

You can download the framework from
[snip link--provide plain text version. not everyone has a safe environment in which to open untrusted zip files. ~gt]

You can download and use the framework freely in your own projects.

But don't forget to provide your feedback !!

Continue reading this thread to learn about how this framework works!!

What is this thread about?

border radius htc not working in ie8 .. joomla1.5 puritty ii templates

Submitted by mohamedkalith85 on Mon, 2011-12-26 05:34

I had using htc file...

but no use in ie8

anybody knows the solution ...plz post here

.rounded-corners {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
}

.rounded-corners {
behavior: url(/css/border-radius.htc);
border-radius: 20px;
}

how put fixed-width fields in list element?

Submitted by tcloud on Thu, 2011-11-17 23:48

Is there a way to make sections of text in a list element have a fixed width so that they line up with the same sections in other list elements?

Here is an example of what I'm trying to do:
http://mykindred.com/test/dir.htm

On that page, each list item contains two items:
1 - a directory name
2 - information about that directory

This is a modification of jQuery TreeView Menu (v1.4).

Syndicate content