Problemas con CSS

#1 (**permalink**) 07/12/2010, 21:19

-->
</style></head>

<body>
<div id="contenedor">
<div id="horafecha">Hora: 0:00:00 | Fecha: Jueves 1/01/11</div>
<div id="toolslogreg">Herramientas | Registrarse |</div>

<div id="cabecera">Cabecera - Animación Flash</div>
<div id="menuprincipal">

<li><a href="index2.html">INICIO<a/></li>
<li><a href="musica.html">MUSICA<a/></li>
<li><a href="noticias.html">NOTICIAS<a/></li>
<li><a href="videos.html">VIDEOS<a/></li>

<li><a href="fotos.html">FOTOS<a/></li>
<li><a href="blog.html">MI BLOG<a/></li>
<li><a href="contacto.html">CONTACTO<a/></li>

</div>
<div id="noticiasindex">Noticias - Index </div>
<div id="videosindex">Videos - Index</div>

<div id="fotosindex"></div>
<div id="loginindex"></div>
<div id="copyright">Copyright 2011. Juan Matías Besio</div>
</div>
</body>
</html>

Quería saber porque el div #horafecha que es el primero después del contenedor no me marca el margin-top = 15px. Desde ya gracias.

Portgaz · #2 (**permalink**) 07/12/2010, 22:03

No te marca el margin-top?
Pues mucho ayudarias poniendo tu code CSS para ver en que andas mal :)

Aunque tambien toma en cuenta que todo esta dentro del #contenedor, por lo que podrias ponerle ese margin-top al contenedor y asi el div #horafecha tomaria (por logica) una distancia de 15px de margen sobre arriba.

#3 (**permalink**) 08/12/2010, 12:13

Se me chispoteo, jaja

<style type="text/css">

</style></head>

#4 (**permalink**) 08/12/2010, 12:14

#contenedor {
background-color: #333333;
height: 855px;
width: 800px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-weight: bold;
color: #FFFFFF;
}

#horafecha {
background-color: #666666;
height: 20px;
width: auto;
font-weight: bold;
color: #FFFFFF;
margin-top: 15px;
margin-right: 15px;
margin-left: 15px;

}

#toolslogreg {
background-color: #999999;
height: 20px;
width: auto;
font-weight: bold;
color: #FFFFFF;
margin-right: 15px;
margin-left: 15px;

}

#cabecera {
background-color: #003333;
height: 150px;
width: auto;
font-weight: bold;
color: #FFFFFF;
margin-right: 15px;
margin-left: 15px;

}

#menuprincipal {
background-color: #003366;
height: 30px;
width: auto;
font-weight: bold;
color: #FFFFFF;
margin-right: 15px;
margin-left: 15px;

}

#noticiasindex {
background-color: #009966;
float: left;
height: 400px;
width: 385px;
font-weight: bold;
color: #FFFFFF;
margin-left: 15px;
background-image: url(../imagenes/html/ultimas_noticias.png);
background-repeat: no-repeat;

}

#videosindex {
background-color: #009966;
float: right;
height: 400px;
width: 385px;
font-weight: bold;
color: #FFFFFF;
margin-right: 15px;
background-image: url(../imagenes/html/ultimos_videos.png);
background-repeat: no-repeat;

}

#fotosindex {
background-color: #009966;
height: 150px;
width: 770px;
font-weight: bold;
color: #FFFFFF;
margin-right: 15px;
margin-left: 15px;
float: left;
background-image: url(../imagenes/html/ultimas_fotos.png);

}

#loginindex {
background-color: #FF3366;
height: 35px;
width: 770px;
font-weight: bold;
color: #FFFFFF;
margin-right: 15px;
margin-left: 15px;
float: left;
background-image: url(../imagenes/html/login.png);

}

#copyright {
background-color: #666666;
height: 20px;
width: 770px;
font-weight: bold;
color: #FFFFFF;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 15px;
float: left;

}

Portgaz · #5 (**permalink**) 08/12/2010, 18:46

el #horafecha no es el primero despues del contenedor.
Mejor dicho es el primero de todos, ya que todo lo demas esta dentro del contenedor, y como te dije, trata dandole el margin-top a el #contenedor y asi tendras un margin de 15px sobre la parte superior de tu navegador

#6 (**permalink**) 08/12/2010, 20:02

Ok. gracias