Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: 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.
<%@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:
(http://i069.radikal.ru/1704/01/314e828bef8c.jpg)
-
Hola SoCu,
en tu caso puedes añadir
body{
display:flex;
flex-direction:column;
justify-content: center;
align-items: center;
}Saludos
-
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.
-
Prueba con margin. ;)
-
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
-
Este es el resultado
<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:
(http://s020.radikal.ru/i715/1704/64/4a149e454a43.png)
Salu2.
-
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.
-
Gracias ya lo tengo, el DIV como dices lo colocaba para todos.
Salu2.