Cómo reducir el ancho del body en CSS

Guillermo Seguir

Gamma
Verificación en dos pasos desactivada
Desde
17 May 2009
Mensajes
178
Hola gente! quiero disminuir este ancho muy grande que les mostrare en la siguiente foto! :)

Enlace eliminado

Aqui mi body en la hoja Css

PHP:
body {
	background: #1a1a1a;
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #666666;
	text-align: justify;
}
 

Guillermo

Gamma
Verificación en dos pasos desactivada
Desde
17 May 2009
Mensajes
178
OK, pondre entero ^^

PHP:
body {
	background: #1a1a1a;
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #666666;
	text-align: justify;
}


#container {
	width: 960px;
	margin: 0 auto;
	background: url(images/containerbg.gif) #ebebeb;
	background-position: 0 140px;
	background-repeat: repeat-x;
}

#header {
	height: 90px;
	padding: 100px 20px 0 170px;
	background: url(images/headerbg.jpg);
	font-size: 12px;
	position: relative;
}

#posts {
	width: 650px;
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
	float: left;
}

#Rss {
	position: relative;
	top: -96px;
	right: -730px;
}	

#header h1 {
	margin: 0;
	font-size: 20px;
}

#header a {
	text-decoration: none;
	color: #666666;
}

#header a:hover {
	color: #333333;
}

#header #search {
	position: absolute;
	top: 150px;
	right: 20px;
	height: 20px;
}

#header #s {
	background: #ffffff;
	border: 1px solid #999999;
	color: #666666;
	width: 150px;
	margin: 0;
	font-size: 12px;
	color: #999999;
	padding: 2px;
}

#navbar {
	margin: 0 0 20px 0;
	background: url(images/navbg.gif);
	background-repeat: repeat-x;
	height: 30px;
}


#navbar ul {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	left: 50%;
}

#navbar li {
	display: inline;
	float: left;
	position: relative;
	right: 50%;
	margin: 0 0 0 -1px;
}

#navbar a {
	display: block;
	float: left;
	height: 30px;
	padding: 0 30px;
        font-family: Comic Sans MS;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
	line-height: 30px;
}

#navbar a:hover, #navbar .current_page_item {
	background: url(images/navbghover.gif);
}


.commentbubble {
	position: relative;
	left: 530px;
	width: 71px;
}

.commentbubble a {
	display: block;
	background: url(images/commentbubble.gif);
	background-repeat: no-repeat;
	width: 40px;
	height: 75px;
	text-align: center;
	font-size: 12px;
	padding: 5px 31px 0 0;
}

.commentbubble a:hover {
	background: url(images/commentbubblehover.gif);
	background-repeat: no-repeat;
	width: 40px;
	height: 75px;
	text-align: center;
	font-size: 12px;
	padding: 5px 31px 0 0;
}

.date {
	width: 50px;
	height: 60px;
	border: 1px solid #cccccc;
	text-align: center;
	margin: 0 0 10px 0;
	float: left;
}

.month {
	font-size: 10px;
	background: url(images/navbg.gif) #aba000;
	background-repeat: repeat-x;
	background-position: 0 -5px;
	color: #ffffff;
	height: 20px;
	line-height: 20px;
}

.day {
	font-size: 22px;
	height: 25px;
	line-height: 30px;
	font-weight: bold;
}

.year {
	font-size: 10px;
	height: 15px;
	line-height: 15px;
}

.post {
	margin: 0 0 40px 0;
	background: #ffffff;
	padding: 20px;
	border: 1px solid #999999;
}

.tags {
	font-size: 11px;
	line-height: 1.5em;
	margin: 0 0 0 60px;
}

.entry {
	margin: 0;
	clear: both;
}

.entry p {
	margin: 0 0 20px 0;
}

.post h2 {
	font-size: 16px;
	font-weight: bold;
	font-family: Microsoft Sans Serif;
	color: #007071;
	margin: 0 0 5px 60px;
	border-bottom: 1px solid #cccccc;
}

.post h2 {
	text-shadow: #ccc 1px 3px 3px;
}

.post h2 a {
	color: #666666;
}

.post h2 a:hover {
	color: #008FD4;
}


.page .post h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #cccccc;

}

.post h3 {
	font-size: 14px;
	font-weight: bold;
	
}

.post a, .navigation a {
	color: #006F3A;
	text-decoration: none;
}

.post a:hover, .navigation a:hover {
	color: #008FD4;
}

.post img {
	border: none;
}

.postmetadata {
	font-size: 11px;
	line-height: 1.25em;
	margin: 0 0 0 60px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.aligncenter {
	display: block;
	margin: 0 auto 20px auto;
}

.alignnone {
	margin: 0;
}

.wp-caption.alignleft {
	float: left;
	margin: 5px 20px 20px 0px;
}

.wp-caption.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.wp-caption.aligncenter {
	display: block;
	margin: 0 auto 20px auto;
}

.wp-caption.alignnone {
	margin: 20px 0;
}

.post .wp-caption {
	border: 1px solid #cccccc;
	background: #ebebeb;
	text-align: center;
	padding: 10px 5px 0 5px;
}

.post .wp-caption-text {
	margin: 0;
	font-size: 12px;
}

#commentform #author, #commentform #email, #commentform #url, #commentform #comment {
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #666666;
}

.commentlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.commentlist li {
	background: #ebebeb;
	padding: 20px;
	border: 1px solid #cccccc;
	margin: 0 0 20px 0;
}

.avatarcontainer {
	float: left;
	margin: 0 5px 0 0;
}

.avatar {
	border: 1px solid #cccccc;
}

.commentdate {
	font-size: 11px;
}

.sidebar {
	margin: 0 0 20px 680px;
	width: 220px;
	background: #ffffff;
	padding: 20px;
	border: 1px solid #999999;
}

.sidebar ul {
	list-style-type: none;
	margin: 0 0 30px 0;
	padding: 0;
}

.sidebar h2 {
	margin: 0 0 5px 0;
	font-size: 16px;
	color: #58585A;
	width: 220px;
	border-bottom: 1px solid #cccccc;
        text-shadow: #ccc 1px 3px 3px;
}

.sidebar a {
	color: #008FD4;
	text-decoration: none;
}

.sidebar a:hover {
	color: #007071;
}

#footer {
	clear: both;
	height: 150px;
	background: url(images/footerbg.gif);
	background-repeat: repeat-x;
	border-top: 1px solid #999999;
}

#footer p {
	text-align: center;
	font-size: 12px;
	position: relative;
	top: 40px;
	margin: 0;
	padding: 0;
}

#footer a {
	color: #666666;
	text-decoration: none;
}

#footer a:hover {
	color: #333333;
}

#wp-calendar {
	width: 220px;
	background: #ebebeb;
	border: 1px solid #cccccc;
	margin: 0 0 30px 0;
	font-size: 12px;
	text-align: center;
}

#wp-calendar caption {
	text-align: left;
}

#wp-calendar #today {
	background: #cccccc;
}

#wp-calendar a {
	display: block;
	width: 100%;
	height: 100%;
}

#wp-calendar a:hover {
	background: #cccccc;
}
 

Santiago

Gamma
Verificación en dos pasos desactivada
Desde
18 Jul 2009
Mensajes
151
Lo único que te puedo decir es que es un problema con el div "rss" y la posición (absolute) en conjunto con la propiedad right.

Como solucionarlo no se, nunca se me dio por usar esas cosas raras del css (?).
 

crystaldream

Iota
Diseñador
Verificación en dos pasos desactivada
Desde
29 May 2009
Mensajes
2.184
No veo nada fuera de lo normal en ese CSS, no se que pueda ser, espero alguien mas pueda, almenos no se ve tan mal.
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba