Barra en el borra en el body

Citar

Escrito el 10 May 2012 05:47 pm

Hola quiero hacer una barra en el body en la posicion top, pero se ve que en el lado izquierdo esta separa un pixel 1 y yo quiero que me quede como esta pagina http://www.vorterix.com/

Código CSS :

#barra {
position: fixed;
top: 0;
height: 64px;
width: 100%;
background: #cecece;
}

Por dante85

8 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 10 May 2012 05:48 pm

el div lo pongo entre el head y el body

Por dante85

8 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 10 May 2012 06:26 pm

no debes usar divs fuera del body. deja un enlace de tu ejemplo

Por Mariux

BOFH

7756 de clabLevel

28 tutoriales
15 articulos

Genero:Femenino Héroes Editores

Envíale un mensaje privado Web

Diseñadora & ilustradora

@Mariux

Citar

Escrito el 10 May 2012 06:31 pm

Mariux escribió:

no debes usar divs fuera del body. deja un enlace de tu ejemplo

lo que esta en el circulo rojo es lo que quiero corregir

Por dante85

8 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 10 May 2012 06:40 pm

eso es problema de margin. debes establecerle a 0 el margin y padding a los elementos.
te aconsejo que uses algun css reset, como este.

Por Mariux

BOFH

7756 de clabLevel

28 tutoriales
15 articulos

Genero:Femenino Héroes Editores

Envíale un mensaje privado Web

Diseñadora & ilustradora

@Mariux

Citar

Escrito el 10 May 2012 06:47 pm

Mariux escribió:

eso es problema de margin. debes establecerle a 0 el margin y padding a los elementos.
te aconsejo que uses algun css reset, como este.

Hola, gracias por responder, pero sigue igual

, y como seria la forma correcta? yo quiero que quede arriba ese div y que ocupe toda la pantalla con el la pagina de vorterix que puse ariba

Por dante85

8 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 10 May 2012 06:53 pm

si no subis tu ejemplo no te puedo ayudar

como te digo, en el html no debes usar divs por fuera del body, eso quizas es lo que te da problema

Por Mariux

BOFH

7756 de clabLevel

28 tutoriales
15 articulos

Genero:Femenino Héroes Editores

Envíale un mensaje privado Web

Diseñadora & ilustradora

@Mariux

Citar

Escrito el 10 May 2012 07:14 pm

Mariux escribió:

si no subis tu ejemplo no te puedo ayudar

como te digo, en el html no debes usar divs por fuera del body, eso quizas es lo que te da problema

Código HTML :

<body id="body">
<div id="barratop"><div class="menu"><ul>
  <li><a href="#">Home</a></li>
  <li><a href="#"></a></li>
  <li><a href="#"></a></li>
  <li><a href="#"></a></li>
  <li><a href="#"></a></li>
 </ul>

</div></div>

</body>
</html>

Código CSS :

#body {background:url(fondo.png);}
#barratop {position:fixed; top: 0; height: 60px; width: 100%; background:#900; margin: 0px;padding: 0px;}
#contenedor {width: 920px; height: 800px; margin-right: auto; margin-left: auto;}
.menu {width: 500px; float:left; margin-left:200px; list-style:none;}
.menu li {margin:5px;  float:left; list-style:none; font-size: 18px; }
a:link {text-decoration: none;color: #333;}
a:visited {text-decoration: none;color: #333;}
a:hover {text-decoration: none;color: #FFF; border-bottom:solid 1px #FFF;}
a:active {text-decoration: none;color: #FFF;}

el div ya lo arregle lo puse adentro del body, pero todavia me sigue quedando ese espacio

Por dante85

8 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 10 May 2012 07:20 pm

En el css borre el contenedor.

Por dante85

8 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 10 May 2012 07:42 pm

no es nesesario que le des un id al body, siendo que body se llama solamente usa vez en el html.

en el html debe quedar asi:

Código HTML :

<body>

y en el css asi, y le agregas margin 0 para quitar el espacio que te molesta:

Código CSS :

body {background:url(fondo.png);margin:0;}

para evitar ponerle margin 0 y padding 0 a todos los elementos se usan los resets que te comente en el otro post.

saludos

Por Mariux

BOFH

7756 de clabLevel

28 tutoriales
15 articulos

Genero:Femenino Héroes Editores

Envíale un mensaje privado Web

Diseñadora & ilustradora

@Mariux

Citar

Escrito el 10 May 2012 07:48 pm

Muchas!!! gracias!!

Por dante85

8 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 10 May 2012 07:50 pm

Mira si tenes ganas me explicas eso del reset, porque no se para que sirve :lol:

, soy un poco nuevo, entiendo bastante pero hay cosas que todavia no se, gracias por tu ayuda =)

Por dante85

8 de clabLevel

Envíale un mensaje privado

Barra en el borra en el body

Escribe una respuesta rapida