Comunidad de diseño web y desarrollo en internet online

Tengo problemas con el margen superior HTML5 y CSS

Citar            
MensajeEscrito el 27 May 2012 12:11 am
Buenas, soy nuevo aquí y estoy empezando a intentar aprender. El problema que tengo es que me genera espacio entre el margen superior. Ya probé poner el margen en 0 y automático, pero no me ha funcionado.

El margen me lo hace en la cabecera y en el menú dentro de un <nav>. Espero alguna ayudita de alguien.

Saludos.

Por jeg

10 de clabLevel



 

chrome
Citar            
MensajeEscrito el 27 May 2012 09:40 pm
movido.

sube un ejemplo asi te pueden ayudar mejor

Por Mariux

BOFH

7756 de clabLevel

28 tutoriales
15 articulos

Genero:Femenino   Héroes Editores

Diseñadora & ilustradora

chrome
Citar            
MensajeEscrito el 27 May 2012 11:14 pm

Mariux escribió:

movido.

sube un ejemplo asi te pueden ayudar mejor


Gracias Mariux por responder pero por suerte lo logre acomodar, soy nuevo y estoy dando los primeros pasos en este lenguaje y en un foro.

Saludos y gracias nuevamente.

Por jeg

10 de clabLevel



 

chrome
Citar            
MensajeEscrito el 28 May 2012 05:30 am
padding:0 margin:0

Por Eclypse

Claber

118 de clabLevel



 

firefox
Citar            
MensajeEscrito el 28 May 2012 11:04 am

Eclypse escribió:

padding:0 margin:0


Gracias Eclypse.

Saludos.

Por jeg

10 de clabLevel



 

chrome
Citar            
MensajeEscrito el 21 Jun 2012 10:12 pm
Yo tengo el mismo problema, estoy maquetando en html5 con notepad++ y en mi css tengo este código:


body
{
background: #000;
color: #FFF;
font-size: 16px;
margin-top: 0;
}

Se supone que esto debería funcionar, pero en mi html tengo un <div> que sigue con el margen superior... cómo lo quito?

Por cjcastrog

8 de clabLevel



Genero:Masculino  

Diseñador Industrial

chrome
Citar            
MensajeEscrito el 21 Jun 2012 11:56 pm
Fijate que esten bien cerrados los div y que no se superpongan, a mi me pasaba eso. Soy nuevo en esto, espero ser de ayuda.

Saludos.

Por jeg

10 de clabLevel



 

chrome
Citar            
MensajeEscrito el 22 Jun 2012 12:29 am

jeg escribió:

Fijate que esten bien cerrados los div y que no se superpongan, a mi me pasaba eso. Soy nuevo en esto, espero ser de ayuda.

Saludos.


Aqui dejo el código base que estoy usando en HTML, como tal no veo ningun problema en los divs, todos estan cerrado de acuerdo a lo que necesito, un div general que actua como contenedor y otros que sirven de cajas internas

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8"/>
<title>Titulo de la Página</title>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" href="favicon.png">
<script src="js/jquery.js"></script>
<script src="js/prefixfree.min.js"></script>
<script src="js/modernizr-2.5.3.min.js"></script>
</head>
<body>
<div id="container">
<div id="header">
<h1>Título Principal</h1>
</div>
<div id="footer">
</p>&copy; Sitio Diseñado por D.I. Camilo José Castro</p>
</div>
</div>
</body>
</html>

Por cjcastrog

8 de clabLevel



Genero:Masculino  

Diseñador Industrial

chrome
Citar            
MensajeEscrito el 22 Jun 2012 12:50 am
Ahi probe cual es el css del header? por q lo probe con el css de hoy y el color de fondo cubre todo y no hace ningun margen. Algo aparte, creo que es de gusto poner un <div> para el footer, por q html5 ya trae la etiqueta footer.

Por jeg

10 de clabLevel



 

chrome
Citar            
MensajeEscrito el 22 Jun 2012 01:18 am
Tienes razón, el footer es de gusto, ahora, algo extraño pasó, no he cambiado nada en mi código, solo reescribí los divs en el mismo orden (estoy usando notepad++) y de manera sorpresiva, la página por fin se muestra como la necesito. No sé cual sea el error. Gracias por tu atención!

Por cjcastrog

8 de clabLevel



Genero:Masculino  

Diseñador Industrial

chrome
Citar            
MensajeEscrito el 22 Jun 2012 01:23 am
Y esas cosas saben pasar ja, la verdad que nunca en mi vida estuve en un foro, ni preguntando, ni respondiendo o intentando responder ja y parece q esta bueno. Espero que todos podamos aprender mucho.

Saludos.

Por jeg

10 de clabLevel



 

chrome
Citar            
MensajeEscrito el 25 Jun 2012 03:08 am
h1{margin-top:0;}

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

chrome
Citar            
MensajeEscrito el 25 Jun 2012 04:11 am
Gran aporte nasho, Gracias!

Por cjcastrog

8 de clabLevel



Genero:Masculino  

Diseñador Industrial

chrome
Citar            
MensajeEscrito el 26 Jun 2012 07:05 pm
Que tal si colocas esto

Código CSS :

*{
margin: 0;
padding: 0;
}

Por Eclypse

Claber

118 de clabLevel



 

firefox

 

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