Ayuda-con-cuadro-blanco.

xxfacundo · #1 (**permalink**) 07/03/2012, 17:39

Hola amigos, miren, yo aprendi a hacer un cuadro blanco flotante

Código HTML:

<style type="text/css">
body {
text-align:left;
background-color:gray;
}
#cuadroblanco {
position:absolute;
background-color:white;
text-align:left;
width:1000px;
height:1200px;
margin: 1% auto;
}
</style>

El problema es que, no quiero hacerlo flotante, si no que se agarre de arriba que digamos ¿Como se hace? si lo hago con margin 0% funciona, pero al escribir, se hace un espacio de vuelta. ¿Como hacerlo? es mi pregunta.

Gracias

kseso? · #2 (**permalink**) 07/03/2012, 18:25

Si llama cuadro flotante a uno que está posicionado de forma absoluta (position: absolute) ¿qué entenderá por "uno no flotante"?

Cita:

si no que se agarre de arriba que digamos

Y esa frase ¿qué significa?
Porque no tiene ningún sentido.

O se explica mejor o...

xxfacundo · #3 (**permalink**) 07/03/2012, 21:42

Que el cuadro en vez de flotar, se pegue arriba, eso es lo que quiero decir

alexk · #4 (**permalink**) 08/03/2012, 01:15

no se entiende nada, pero si te refieres que al hacer scroll en la pagina el div no se mueva usa "position:fixed;"

Mariita_Css · #5 (**permalink**) 08/03/2012, 01:18

alexk ya dijo lo que venia a decir yo

xxfacundo · #6 (**permalink**) 08/03/2012, 01:36

Miran el css de mi cuadro, si le bajo el margin a 0% se sube hasta arriba, pero cuando escribo se baja de nuevo, quiero que se quede arriba ¿ME entienden ahora?

kseso? · #7 (**permalink**) 08/03/2012, 05:41

Le dijeron la solucción: "position:fixed;"
Ahora nos dice:

Cita:

Miran el css de mi cuadro

¿Dónde miramos si no hay ni una sóla línea de código (su código) ni mucho menos un enlace para ver su problema.

Mucho me temo que el problema es que desconoce hacer hasta esto:
position: fixed css

xxfacundo · #8 (**permalink**) 08/03/2012, 06:46

Psss.. Si se los paso el ESET detecta virus por el dominio, pero bueno, si quieren un ejemplo, les doy el codigo entero para que lo copien y peguen y vean

Código HTML:

<html>
<head>
<style type="text/css">
body {
text-align:left;
background-color:gray;
}
#cuadroblanco {
position:absolute;
background-color:white;
text-align:left;
width:1000px;
height:1200px;
margin: 1% auto;
}
</style> 
</head>

<body>
<div id="cuadroblanco">
</div>
<body>

xxfacundo · #9 (**permalink**) 11/03/2012, 03:36

¿NAdie me ayuda?

kseso? · #10 (**permalink**) 11/03/2012, 15:28

Cita:

Iniciado por xxfacundo

¿NAdie me ayuda?

¿Qué tipo de ayuda (a mayores) es la que precisa?

Si es para realizar lo que solicitaba ya le ofrecieron la solucción (pese a que usted se empeñe en no aplicarla, en su código aparece otra cosa.

Si el problema es que no cuenta con los conocimientos necesarios de css para aplicar lo propuesto, este no es el sitio más indicado. Necesitará poner de su parte. Pase por www.librosweb.es y eche un vistazo al manual de inicio a css.

emprear · #11 (**permalink**) 11/03/2012, 15:54

Cita:

Iniciado por xxfacundo

¿NAdie me ayuda?

Yo entiendo menos de lo que los demás han entendido, pero hoy vengo como inspirado respondiendo padecimientos ininteligibles.

Que pasa si ponés

Código CSS:

Ver original#cuadroblanco {
position:absolute;
background-color:white;
text-align:left;
width:1000px;
height:1200px;
margin:0;
padding: 0;
top: 0;
left: 0;
}