Foros del Web » Creando para Internet » CSS »

Se quita el borde del div

Estas en el tema de Se quita el borde del div en el foro de CSS en Foros del Web. ¿Por que se quita el borde del div? Tengo el siguente codigo: index.php Código: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> ...
  #1 (permalink)  
Antiguo 23/03/2011, 15:59
 
Fecha de Ingreso: septiembre-2010
Mensajes: 39
Antigüedad: 7 años, 2 meses
Puntos: 0
Pregunta Se quita el borde del div

¿Por que se quita el borde del div?

Tengo el siguente codigo:

index.php
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Data Land</title>
<style type="text/css">
@import url("css/css.css");
</style>
</head>
<body>
<div id="header">Data Land</div>
<div id="container">
    <div id="column-left">Columna izquierda</div>
    <div id="column-right">Columna derecha</div>
</div>
<div id="foot">&copy;Copyright 2011</div>
</body>
</html>
css.css
Código:
@charset "utf-8";
/* CSS Document */
body {
	margin: 0 auto;
	padding: 0;
	height: 10000px;
	background: #e7e7e7;
}
#header{
	width: 950px;
	margin: auto;
	padding-top: 25px;
	padding-bottom: 25px;
}
#container{
	width: 950px;
	margin: auto;
	background: #e7e7e7;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	border-right:  1px solid #cfcfcf;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
        -webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
}
#column-left{
	width: 680px;
	padding: 10px;
	position:absolute;
}
#column-right{
	width: 230px;
	padding: 10px;
	float: right;
}
#foot{
	width: 950px;
	margin: auto;
	border-left: 1px solid #cfcfcf;
	border-right:  1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
        -moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
        -webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#a7a7a7)); /* Chrome - Safari */
	background: -moz-linear-gradient(top, #e7e7e7, #a7a7a7); /* Firefox */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#a7a7a7'); /* Explorer */
	clear:both;
}


En CSS; este div (container) tiene un borde superior izquierdo y derecho de 10px. y bordes laterales, para unirse con el div footer.

El error esta en los divs que son contenidos por container... pero que linea?
  #2 (permalink)  
Antiguo 23/03/2011, 16:07
 
Fecha de Ingreso: septiembre-2010
Mensajes: 39
Antigüedad: 7 años, 2 meses
Puntos: 0
Respuesta: Se quita el borde del div

del div (column-left)
la linea es: position:absolute;

del div (column-right)
la linea es: float:right;

¿Que solucion tengo?

Ahi esta, lo solucione cambiando (float:right;) por (margin-left: 700px;) para alejarlo a la derecha

Última edición por epcode; 23/03/2011 a las 16:13 Razón: solucion
  #3 (permalink)  
Antiguo 24/03/2011, 13:13
 
Fecha de Ingreso: marzo-2011
Mensajes: 20
Antigüedad: 6 años, 8 meses
Puntos: 0
Respuesta: Se quita el borde del div

FAIL.

Pudiste soluciones ese problema mejor, ademas tu solucion tendra problemas en diferentes exploradores.

Etiquetas: bordes, quitan
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:06.