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

SoCu · « **en:** 16 de Abril 2017, 13:33 »

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:

bermartinv · « **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 · « **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 · « **Respuesta #3 en:** 19 de Abril 2017, 10:24 »

Prueba con margin.

SoCu · « **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 · « **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 · « **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.

SoCu · « **Respuesta #7 en:** 20 de Abril 2017, 14:14 »

Gracias ya lo tengo, el DIV como dices lo colocaba para todos.

Salu2.

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias:

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

SoCu

Como centrar un DIV exclusivamente sin afectar al resto de div (en asp)

bermartinv

Re:Como centrar un DIV

SoCu

Re:Como centrar un DIV

bermartinv

Re:Como centrar un DIV

SoCu

Re:Como centrar un DIV

SoCu

Re:Como centrar un DIV

Kabuto

Re:Como centrar un DIV

SoCu

Re:Como centrar un DIV

Preguntas y respuestas