[SOLUCIONADO] Centrar pagina web

danieljorge435 · #1 (**permalink**) 22/01/2017, 16:08

Que tal amigos...el problema consiste en que mi web aparece inclinada o posicionada del lado izquierdo....y no se como centrarla..en la pc oculto la barra o scroll horizontal (html { overflow-x:hidden;
})..no se como se llama y queda bien...pero cdo la veo desde un movil se visualiza totalmente inclinada a la izquierda. Los css del index no contienen mas que efectos como bordes...shadow etc....y como ven son 2 html insertos dentro de uno ja ja...el de arriba es una marquesina js...y la de abajo es una galeria de fotos dentro de una table.

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>MI PAGINA</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />

<link href="titulo.css" rel="stylesheet">
<link href="menu.css" rel="stylesheet">
<script type="text/javascript">
// <![CDATA[

// ]]>
</script>

</head>

<body>
<div class="title">FOTOS.NET</div>
<div align="center">
<ul id="mimenu">
 <li><a href="index.html">MENU01</a></li>
  <li><a href="index-copia.html">MENU02</a></li>
 <li><a href="fifth.html">MENU03</a></li>
  <li><a href="fifth.html">MENU04</a></li>
</ul>

<div align="center">
<object type="text/html" data="marque.html" width="100%" height="240px"></object></div></div>

<div align="center">
<object type="text/html" data="galeria.html" width="500px" height="1200px"></object>
</div></div>

</body>
</html>

Saludos!!

AngelKrak · #2 (**permalink**) 22/01/2017, 21:10

eso no es centrar, lo que quieres hacer es una web adaptable

https://www.youtube.com/watch?v=HtWIrGqbEwI

https://www.youtube.com/watch?v=8w5mfbMH4Gw

danieljorge435 · #3 (**permalink**) 24/01/2017, 19:35

Descubri que los botones del menu son el problema...

<div align="center">
<ul id="mimenu">
<li><a href="index.html">MENU01</a></li>
<li><a href="index-copia.html">MENU02</a></li>
<li><a href="fifth.html">MENU03</a></li>
<li><a href="fifth.html">MENU04</a></li>
</ul>

al eliminarlo la pagina aparece centrada tanto en la pc como en un movil...y desaparece hasta el scroll horizontal...gracias por la ayuda igual.
Saludos!!