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 */

Having vertical margin errors when I remove the border property

Submitted by RyanJP on Tue, 2012-01-17 03:11

Just messing around with some drawing in CSS and found this weird error-it's kind of hard to explain so i'll just post the code, but basically my margin-top property only works when I have a border on the divs, which I don't want because it throws off the centering

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?

unwanted margin to left of nab bar

Submitted by alt731 on Sat, 2011-12-31 01:53

Okey doke... here's a strange one for anyone whose interested:

I have a nab bar that seems to be aligned about 40px from the left of the window. But I can't figure out why its doing it! Here is a pic of it: http://tinypic.com/view.php?pic=ogxr3o&s=5

The only thing is, I really want to ensure that as you reduce the size of the window, all the buttons on the nav bar bunch up to remain on screen, as in the following pic:
http://tinypic.com/view.php?pic=2qb8a39&s=5

Here is my code:

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

floating stacked variable height div containers in a 2 column layout

Submitted by pmnagel on Thu, 2011-12-29 12:01

Hi Guys, please help:
I have a basic layout using div tags with CSS. There's a header, a footer, with a left and right column in between. The left and right columns each have 3 stacked divs that should stay together, even if the height of the div tags change...

I'm having difficulty with the floating and clearing options to maintain the structure.

Here's the code:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Floating Problem</title>
<style type="text/css">
#body {
	background-color: #CCC;
}
#wrapper {
	background-color: #999;
	width: 800px;

Syndicate content