He creado una página web muy simple ya que no se practicamente nada de diseño de páginas web, y el problema es que, solo he sabido hacer la página colocando las
imágenes mediante DIV's. Tengo varias imágenes y al ser una página estática simplemente quería ordenarlas a mi gusto.
El problema a venido a la hora de cambiar de navegador, o sobretodo, al cambiar de
formato de pantalla, ya que los elementos en vez de verse centrados se ven muy a la derecha. Según he leído en varios foros, no debe haber una solución fácil al problema, y he leído que debería modificar todo quitando los divs para que no me pase este conflicto. No tengo ningún problema por cambiar todo, simplemente es que
no se que otras maneras existen para alinear una imagen a mi gusto, sin hacer que
al cambiar de pantalla todo se desordene.
Si tenéis alguna sugerencia os lo agradecería mucho. Os pongo un HTML:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="wp-content/themes/zenon-lite/style.css" type="text/css" media="screen" />
<link rel='stylesheet' id='customfont-css' href='wp-content/themes/zenon-lite/fonts/yanone_kaffeesatz9d52.css?ver=3.5.1' type='text/css' media='all' />
<div style="position:absolute; left:286px; top:100px; width:528px; height:200px "><img src="prueba1.png" ></div>
<div style="position:absolute; left:297px; top:595px; width:528px; height:200px "><img src="tablaweb.png" ></div>
<div style="position:absolute; left:610px; top:42px;"><img src="1.png" ></div>
<style type="text/css" id="custom-background-css">
body.custom-background { background-image: url('wp-content/uploads/2013/05/webpamplona.png') }
</style>
</head>
<body class="page page-id-36 page-template-default custom-background">
<!--HEADER START-->
<div id="header"> <!-- Aquí se crea el ID Header para después en la .CSS poder darle forma-->
<!--LOGO START-->
<div class="logo">
<div class="desc">Páginas Web Pamplona Navarra</div>
</div>
<!--LOGO END-->
<!--MENU STARTS-->
<div id="menu_wrap"><div class="center"><div id="topmenu"><div class="menu"><ul><li class="page_item page-item-36 current_page_item"><a href="index.html?page_id=36">Inicio</a></li><li class="page_item page-item-60"><a href="servicios.html?page_id=60">Servicios</a></li><li class="page_item page-item-39"><a href="contacto.html?page_id=39">Contacto</a></li></ul></div>
</div></div></div>
<!--MENU END-->
</div>
<!--HEADER END-->
<!--BOTÓNES DE REDES SOCIALES-->
<div style="position:absolute; left:1120px; top:65px;"><a href="https://www.twitter.com/Iz"><img src="twitter.png"></a>
<div style="position:absolute; left:40px; top:0px;"><a href="https://www.facebook.com/iz"><img src="facebook.png"></a>
<!--PAGE END-->
Muchísimas Gracias.