Autor Tema: Como centrar un DIV exclusivamente sin afectar al resto de div (en asp)  (Leído 2640 veces)

SoCu

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 36
    • Ver Perfil
Hola, me pude decir alguien como centrar un DIV?

Os pongo el código para que veáis como esta, ya que tengo un DIV dentro de otro DIV, y captura para que veáis que tiene que quedar debajo de un texto.

La paginas tiene extensión ASP, porque la página se encuentra en una intranet y al principio de la página tiene un código para identificarse y poder ver la página.

Código: [Seleccionar]
<%@LANGUAGE="VBSCRIPT"%>
<%
CODIGO PARA IDENTIFICARSE
%>
<!DOCTYPE html><!-- HTML5 -->
<html lang="es-ES">

<head>
<title>Archivos Subidos</title>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
        <script type="text/javascript" src="jsc/jquery.js"></script>

<style type="text/css">
body {
     text-align: center;
        }

        a {
           text-align: center;
        }

        body { 
           background: white url(fondo.png);
       background-repeat: repeat
  }

  #marco{
    /*position: absolute;*/
    position: relative;
        /*top:50%;*/
    /*left:50%;*/
    width:500px;
    /*margin-left:-500px;*/
    height:400px;
    /*margin-top:-350px;*/
    border:2px solid #808080;
    padding:5px;
    /*text-align:center;*/
}

.lista{
    width:493px;
    height:393px;
    text-align: left;
    /*background-color:red;*/
    border: 5px solid;
    /*border-color: aliceblue;*/
    /*margin-left: 680px;*/
    /*position:absolute;*/
}

</style>


<body>
<br>
<img src="http://imagen en el servidor/imagen.png"><br>
<br>
<br>

<h2>Listado de archivos subidos</h2>
<br>
<br>
<a href="Ver.asp">Volver al Menú anterior</a>
<br>
<br>
 
    <div id="marco">

<div class="lista">

        <%
Response.Buffer = True

' File System Object
Dim fso
Set fso = Server.CreateObject("Scripting.FileSystemObject")

' "Uploaded" Folder
Dim folder
Set folder = fso.GetFolder(Server.MapPath("../carpeta/"))

If folder.Size > 0 Then
Response.Write "<ul>"
For Each file In folder.Files
Response.Write "<li type=""circle"">"
Response.Write "<a href=""../carpeta/"
Response.Write file.Name & """>"
Response.Write "<b>" & file.Name
Response.Write "</b></a>   "
Response.Write "( Size: " & file.Size & " )   "
Next
Response.Write "</ul>"
Else
Response.Write "<ul><li type=""circle"">No hay archivos subidos.</ul>"
End If
%>
   </div>
</div>

</body>
</html>

Asi es como se muestra:

« Última modificación: 11 de Junio 2017, 19:53 por Ogramar »

bermartinv

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 298
    • Ver Perfil
Re:Como centrar un DIV
« Respuesta #1 en: 18 de Abril 2017, 12:24 »
Hola SoCu,
en tu caso puedes añadir
Código: [Seleccionar]
body{
display:flex;
flex-direction:column;
justify-content: center;
align-items: center;
}
Saludos

SoCu

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 36
    • Ver Perfil
Re:Como centrar un DIV
« Respuesta #2 en: 18 de Abril 2017, 20:23 »
Gracias bermartinv, ahora si que se ha centrado, lo que no consigo es separarlo del texto que hay justo arriba "Volver al Menú anterior", he incluso la imagen que hay arriba del todo tambien ha perdido el espacio que le tenia.


Salu2.

bermartinv

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 298
    • Ver Perfil
Re:Como centrar un DIV
« Respuesta #3 en: 19 de Abril 2017, 10:24 »
Prueba con margin.  ;)

SoCu

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 36
    • Ver Perfil
Re:Como centrar un DIV
« Respuesta #4 en: 19 de Abril 2017, 11:51 »
Gracias bermartinv, luego vuelvo a probar cuando llegue a casa, que te respondo desde móvil, aunque yo diría que también modifique esa parte, ya te contaré

Salu2

SoCu

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 36
    • Ver Perfil
Re:Como centrar un DIV
« Respuesta #5 en: 20 de Abril 2017, 06:52 »
Este es el resultado

Código: [Seleccionar]
<style type="text/css">
div {
            margin-top: 10px;
  {
</style>

Se separa del texto de arriba, pero internamente e Div que esta dentro del otro también se separa:




Salu2.


Kabuto

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 842
    • Ver Perfil
Re:Como centrar un DIV
« Respuesta #6 en: 20 de Abril 2017, 12:43 »
Si el CSS lo aplicas a la etiqueta div, dicho CSS se aplicará todos los elementos div.

Lo suyo es que apliques el CSS al id o bien mediante una clase.

NO respondo dudas por mensaje privado
Publicando vuestras dudas en el foro público conseguimos:
- Que más gente aporte respuestas mejores o complementarias.
- Que otras personas puedan aprender de vuestras dudas.

Mejor en PÚBLICO que en privado. Gracias

SoCu

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 36
    • Ver Perfil
Re:Como centrar un DIV
« Respuesta #7 en: 20 de Abril 2017, 14:14 »
Gracias ya lo tengo, el DIV como dices lo colocaba para todos.

Salu2.

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".