problema con el espacio entre divs

franfal · 1 Nov 2009, 18:32 · Solicitar retirada

Hola tengo un problemilla de maquetacion que me esta volviendo loco...
Resulta que soy incapaz de quitar el espacio entre el div de la barra de navegacion y el div de la capa cuerpo.
Tengo puesto el margin el padding y el border a 0
Os pongo el codigo, a ver si me echais una mano, gracias por adelantado

<div id="global">

<div id="cabecera">

[contenido no disponible]

</div>

<div id="lateral_izqdo">
[contenido no disponible]
</div>
<div id="central">
<div id="navegacion">
<ul>

[contenido no disponible]

[contenido no disponible]

</div>
<div id="cuerpo" >
[contenido no disponible]
</div>
</div>
<div id="lateral_dcho">
[contenido no disponible]
</div>

<div id="pie">
[contenido no disponible]
</div>

</div>

CSS
* {margin:0px ; padding:0px ; border: 0px}
#global { width: 1024px
}
#lateral_izqdo {float:left}
#central {float:left}
#navegacion {}
#navegacion a {text-decoration:none}
#navegacion ul { }
#navegacion li {
float:left; list-style:none
}
#cuerpo {}
#lateral_dcho {float:left; }
#pie {}

Kamael · 1 Nov 2009, 18:51 · Solicitar retirada

en la barra navegacion tienes q aumentar margin:0px 0px 0px 0px

avisas si te sirvio

franfal · 1 Nov 2009, 18:55 · Solicitar retirada

Hola gracias por responer, eso ya lo probé y no funcionó, no se como arreglarlo...
:?

Kamael · 1 Nov 2009, 19:14 · Solicitar retirada

bueno agamos pruebas :P copia todo tu html y todo tu css

franfal · 1 Nov 2009, 19:30 · Solicitar retirada

HTML

<html>
<head>
<title>diseño-web 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<body >

<div id="global">

<div id="cabecera">

[contenido no disponible]

</div>

<div id="lateral_izqdo">
[contenido no disponible]
</div>
<div id="central">
<div id="navegacion">
<ul>

[contenido no disponible]

[contenido no disponible]

</div>
<div id="cuerpo" >
[contenido no disponible]
</div>
</div>
<div id="lateral_dcho">
[contenido no disponible]
</div>

<div id="pie">
[contenido no disponible]
</div>
</div>
</body>
</html>

CSS

* {margin:0px ; padding:0px ; border: 0px}
#global { width: 1024px
}
#lateral_izqdo {float:left}
#central {float:left}
#navegacion {}
#navegacion a {text-decoration:none}
#navegacion ul { }
#navegacion li {
float:left; list-style:none
}
#cuerpo {}
#lateral_dcho {float:left; }
#pie {}

Kamael · 1 Nov 2009, 19:58 · Solicitar retirada

mmmm lo q se me ocurre es q le pongas a :

cuerpo{margin:-3px 0px 0px 0px}

tal ves sea por la imagen q no te deja el margen

franfal · 1 Nov 2009, 20:15 · Solicitar retirada

pues poniendo eso quita el espacio en blanco, pero el cuerpo se monta encima de la barra de navegacion, es decir la tapa. asi que tampoco es la solucion... gracias de todos modos