Foros del Web » Creando para Internet » CSS »

Borde de un DIV (MFF)

Estas en el tema de Borde de un DIV (MFF) en el foro de CSS en Foros del Web. Hola! Tengo un problema con divs y css. Resulta que quiero una cabecera de fondo rojo, con una imágen a la izquierda y un texto ...
  #1 (permalink)  
Antiguo 13/03/2008, 06:14
 
Fecha de Ingreso: febrero-2008
Mensajes: 4
Antigüedad: 9 años, 9 meses
Puntos: 0
Borde de un DIV (MFF)

Hola!

Tengo un problema con divs y css. Resulta que quiero una cabecera de fondo rojo, con una imágen a la izquierda y un texto a la derecha (tipo logotipo y empresa)

He hecho un div top, de fondo rojo, un div para el logo (float left y fondo rojo) y un div para el texto (float right y fondo rojo)

Pero alrededor del div del texto me sale un borde blanco, de forma que no da la impresión de que toda la cabecera sea "una" Codigo:

Cita:
div#top{
color:#EA3B3E;
width:100%;
margin: 0px auto;
height: auto;
height: 10px;
background-color: #EA3B3E;
margin-top: 0px;
}

div#logo{
width: 25%;
margin-left: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
background-color: #EA3B3E;
float: left;
}

div#title{

width: 75%;
float: right;
background-color: #EA3B3E;
margin-top: 5%;
margin-left: 0px;
margin-right: 0px;
text-decoration: none;
}
Alguna Idea?

Muchas gracias!
  #2 (permalink)  
Antiguo 13/03/2008, 07:08
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Borde de un DIV (MFF)

Sin verlo no puedo saber, pero sí que tienes algunas redundancias:

div#top{
color:#EA3B3E;
width:100%;
margin: 0px auto;
height: auto;
height: 10px; (sólo lee esta, no la de arriba)
background-color: #EA3B3E; (esto con color:#EA3B3E; no valida)
margin-top: 0px; (repetido)
}

div#logo{
width: 25%;
margin-left: 0px; (unificable)
margin-top: 0px; ('')
margin-left: 0px; ('')
margin-right: 0px; ('')

background-color: #EA3B3E;
float: left;
}

div#title{

width: 75%;
float: right;
background-color: #EA3B3E;
margin-top: 5%;
margin-left: 0px;
margin-right: 0px;
text-decoration: none;
}

Esto estaría mejor como:

div#top{
width:100%;
margin: 0px auto;
height: 10px;
background-color: #EA3B3E;
}

div#logo{
width: 25%;
margin: 0px;
background-color: #EA3B3E;
float: left;
}

div#title{
width: 75%;
float: right;
background-color: #EA3B3E;
margin-top: 5% 0px 0px;
text-decoration: none;
}

Si muestras mejor lo que te ocurre, podremos ver qué pasa, porque yo ahí no veo ningún borde en el texto.
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 21:34.