Comunidad de diseño web y desarrollo en internet online

Tengo un problemas con el "div". me podrian dar una mano?

Citar            
MensajeEscrito el 12 Jul 2012 04:16 am
Hola gente, estoy haciendo una pagina web o intentando, soy novato en esto. Me surgio un problema, luego hacer el menu "ul" y "li" en la columna izquieda, quiero que a continuación abajo poner 2 divs, pero me aparece un espacio entre la terminación de "ul" y el "div".

Acá les dejo un enlace de la imagen asi se dan cuenta donde tengo el inconviniente:

[url=https://skydrive.live.com/?cid=9D69A82984EEB22F&id=9D69A82984EEB22F!147][/url]


También les paso el código HTML y CSS


<!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>Documento sin título</title>
<style type="text/css">
#principal {
width: 950px;
margin-right: auto;
margin-left: auto;
}
.cabecera {
width: 950px;
}
.lineacolores {
z-index: 2;
}
#fecha {
width: 237px;
z-index: 1;
margin-top: -20px;
clear: both;
visibility: visible;
position: absolute;
font-family: arial;
font-size: 12px;
color: #FFF;
padding-left: 5px;
}
.cabecera2 {
background-color: #606;
}
.logopsy {
height: 80px;
width: 237px;
background-color: #0FF;
float: none;
}
#contenido {
}
.izquierda {
float: left;
width: 237px;
}
.izquierda .navegacion_izq {
padding: 0px;
height: 237px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
line-height: 20px;
list-style-type: none;
}
.izquierda .navegacion_izq li {
border-top-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #999;
border-right-color: #999;
border-bottom-color: #999;
border-left-color: #999;
list-style-type: none;
}
.subir_archivos {
background-color: #0C9;
margin-top: 0px;
height: 250px;
float: left;
width: 237px;
}
.facebook {
height: 300px;
width: 237px;
background-color: #06C;
float: left;
}
</style>
</head>

<body>
<div id="principal">
<div class="cabecera">
<div class="lineacolores"><img src="../imagenes/linea_de_colores.png" width="950" height="25">
<div id="fecha">
viernes 10 de septiembre del 2012
</div>
</div>
<div class="cabecera2">
<div class="logopsy">
sasasasa
</div>
</div>
</div>
<div id="contenido">
<div class="izquierda">
<ul class="navegacion_izq">
<li> qUIENES SOMOS</li>
<li>mISION</li>
<li> vALORES</li>
<li>cONTACTO</li>
<li style="border-bottom:1px solid #999">DONDE ESTAMOS</li>
</ul>
<div class="subir_archivos">
lINKS
</div>
<div class="facebook">
facebook
</div>
</div>
</div>
</div>
</body>
</html>

Agradezco que me puedan ayudar,
muchas gracias :)

Por marcel_0

2 de clabLevel



 

soy un principiante en diseño

chrome
Citar            
MensajeEscrito el 12 Jul 2012 12:14 pm
proba poniendo en el principio de tu css

*{
margin:0;
padding:0;
}

Por SinSemilla

Claber

336 de clabLevel



Genero:Masculino  

i am that i am...

firefox
Citar            
MensajeEscrito el 12 Jul 2012 01:14 pm
Además de lo dicho por SinSemilla, en el CSS el tag <ul> que te interesa tiene especificado un margin-bottom: 5px;

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 13 Jul 2012 03:23 am
Si eliminas el height del .navegacion_izq y colocas

.navegacion_izq, subir_archivos{
display:block;
margin:0;
}

Por Eclypse

Claber

118 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.