Separacion

[Borjimante]

Quiero redondear los bordes de arriba de mis capas div y tengo hecho una imagen arriba y despues una capa pero me deja un espacio como este como puedo hacer para que no tenga esa separacion
espesro una respuesta
Un saludo

[baccxus]

http://www.maestrosdelweb.com/editorial/cssesquinas/

Ahí está una forma de hacerlo con CSS e imágenes, o si lo que quieres es usar la misma que tienes, postea tu código o tu página, porque así como la muestras es muy dificil darte una respuesta concreta.

Saludos

[Borjimante]

bueno el codigo div de esa parte es
div id="cabecera"><img src="Banner2.gif">
<div id="bajocabecera"></div>
</div>
y en la hoja css.
#cabecera{ height : 10px; width: 700px; }
#bajocabecera{ height : 90px; width: 700px; background-color : #0000FF ; }
Hber si esto vale espero q me puedan ayudar

[jariscano]

Yo tengo el mismo problema que tu que no se porque deja esa separacion entre capas.

Seguire atento aver que te responden.

[baccxus]

puedes usar margin: 0 en las dos divisiones, ó mejor usa solo una división con la imagen puesta en el background de la siguiente forma:

Código:

#cabecera{
height: 90px;
width: 700px;
background-color: #0000FF;
background-image: url(Banner2.gif);
background-position: top;
background-repeat: no-repeat;
}

Saludos,

[Borjimante]

ok ya lo he provado y funciona muxas gracias por preocuparte de nuevo muxas gracias

un saludo

[Borjimante]

he cambiado el encabezado de mi web y me vuelve a dar el problema lo he intentado arreglar apartir del codigo que me diero pero nada vuelvo a dejar el nuevo codigo haber si de nuevo me pueden ayudar

WEB:

<div id="cabecera"><img src="Imagenes/franja%20de%20arriba%201.gif">
<div id="bajocabecera"><img src="Imagenes/banner%20grande.jpg"></div>
</div>

CSS:

#cabecera{
height: 90px;
width: 700px;
background-color: #2063AC;
background-image: url(franja.gif );
background-position: top;
background-repeat: no-repeat;}
#bajocabecera{ height : 90px; width: 700px; background-color : #CCCCCC ; }

[¿es a mi?]

No sé casi nada de esto, estoy empezando, pero creo que debería ser:
div id="cabecera"><img src="Banner2.gif"></div>
<div id="bajocabecera"></div>
en lugar de:
div id="cabecera"><img src="Banner2.gif">
<div id="bajocabecera"></div>
</div>
Recuerdo haber leido algo al respecto.

De todos modos, me estoy llevando una gran decepción con esto de las hojas de estilo y los navegadores; me explico: hasta ahora sólo usaba IE, pero hoy he instalado FireFox y se ven distintas las páginas, pero que muy distintas.
Un saludo

[Borjimante]

todo sigue igual alguien me puede ayudar plizzzzzzzzzzz

[Borjimante]

alguien me puede de nuevo ayudar???

Plizzz

Un saludo

[baccxus]

Porque no montas tu página en internet, nos pones el link, la revisamos y dejamos de hacer congeturas en relación con tu problema-

Saludos

[Borjimante]

ok la web es http://todosobrepc.iespana.es

Haber si asi me podeis ayudar

[Borjimante]

alguien me puede ayudar???

[¿es a mi?]

Hola Borjimante.
Es curioso, pero en Internet Explorer se ve como dices, pero en Mozilla no se ve esa línea, en cambio aparece toda la página a la izquierda y algo desordenada.
Si tienes este navegador, échale un vistazo con él.
Se que hay algunas cosas que no van bien en según que navegador, pero todavía no llego ahí.
Saludos

[Borjimante]

si pero esq de momento quiero que se vea bien con iexplorer luego ya le metere mano con firefox

A sique lo que quiero esq no slaga esa separacion con iexplorer

[baccxus]

Mira, para que salgas rápido del problema usa esto al principio de tu CSS:

* {margin:0; padding: 0;}

Sin embargo, no usas adecuadamente el CSS y es muy dificil buscar el porque de tu problema, y como consejo te digo que es mejor diseñar primero para un navegador que soporte más ampliamente el CSS y luego lo adaptes a Internet Explorer.

Saludos