Desarrollo y diseño

Centrar este codigo en web

CHEMO
CHEMO #1 May '05 Penitente

Como podria centrar esto? Esque actualmente se me alinea a la izquierda:

<html>
<head>
<title>Bienvenidos a la web DSV</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #BABBBC;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>


<div id="Contenido" style="position:absolute; left:24px; top:187px; width:725; height:882px; z-index:2">
<div id="final" style="position:absolute; left:-5px; top:801px; width:725; height:80px; z-index:3">
<div id="sobre" style="position:absolute; width:42px; height:29px; z-index:1; left: 567px; top: 32px;"></div>
</div>
<div id="todo" style="position:absolute; left:0; top:-12px; width:725; height:894px; z-index:2"></div>
</div>
<div align="center">
<div id="Fondo" style="position:absolute; width:770px; height:1070px; z-index:1; left: 0px; top: 0px;">
<div id="Botones" style="position:absolute; width:725px; height:58px; z-index:2; top: 126px; left: 24px;">

<div id="sugerencias" style="position:absolute; width:89px; height:17px; z-index:6; left: 601px; top: 12px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="20">
<param name="movie" value="button11.swf">
<param name="quality" value="high"><param name="BGCOLOR" value="#BABBBC">
<embed src="button11.swf" width="100" height="20" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#BABBBC" ></embed>
</object>
</div>
<div id="Musica" style="position:absolute; width:88px; height:13px; z-index:5; left: 485px; top: 12px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="20">
<param name="movie" value="button10.swf">
<param name="quality" value="high"><param name="BGCOLOR" value="#BABBBC">
<embed src="button10.swf" width="100" height="20" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#BABBBC" ></embed>
</object>
</div>
<div id="Videos" style="position:absolute; width:92px; height:15px; z-index:4; left: 367px; top: 12px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="20">
<param name="BGCOLOR" value="#BABBBC">
<param name="movie" value="button9.swf">
<param name="quality" value="high">
<embed src="button9.swf" width="100" height="20" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#BABBBC" ></embed>
</object>
</div>
<div id="Galerias" style="position:absolute; width:91px; height:15px; z-index:3; left: 249px; top: 12px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="20">
<param name="movie" value="button8.swf">
<param name="quality" value="high"><param name="BGCOLOR" value="#BABBBC">
<embed src="button8.swf" width="100" height="20" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#BABBBC" ></embed>
</object>
</div>
<div id="Foro" style="position:absolute; width:84px; height:11px; z-index:2; left: 132px; top: 12px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="20">
<param name="movie" value="button7.swf">
<param name="quality" value="high"><param name="BGCOLOR" value="#BABBBC">
<embed src="button7.swf" width="100" height="20" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#BABBBC" ></embed>
</object>
</div>
<div id="Inicio" style="position:absolute; width:90px; height:16px; z-index:1; left: 16px; top: 12px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="20">
<param name="BGCOLOR" value="#BABBBC">
<param name="movie" value="button3.swf">
<param name="quality" value="high">
<embed src="button3.swf" width="100" height="20" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#BABBBC" ></embed>
</object>
</div>
</div>
<div id="Logo" style="position:absolute; width:725; height:115px; z-index:1; left: 24px; top: 0;"></div>
</div>
</div>
</body>
</html>

Thx

nanoSpawn
nanoSpawn #2 May '05

Menos dreamweaver y más bloc de notas...

<div id="Contenido" style="position:absolute; left:50%; top:20px; width:725; height:882px; margin-left: -362px; z-index:2">

también hay con margin:auto, pero ahora no recuerdo de memoria como tenía que estar el absolute, y no lo puedo mirar, tampoco. Pero vamos, ésto te irá bien.

Y por favor, métele un doctype al documento, que ya me extraña que el DW no te lo haya puesto...

guner
guner #3 May '05

< ?xml version="1.0" encoding="utf-8"?>
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
&nbsp;&nbsp;&nbsp;&nbsp;"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
< html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

< head>
&nbsp;&nbsp;&nbsp;&nbsp;< title>An XHTML 1.0 Strict standard template< /title>
&nbsp;&nbsp;&nbsp;&nbsp;< meta http-equiv="content-type"
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;content="text/html;charset=utf-8" />
&nbsp;&nbsp;&nbsp;&nbsp;< meta http-equiv="Content-Style-Type" content="text/css" />
< /head>

< body>

< div align="center">
&nbsp;&nbsp;&nbsp;&nbsp;< div style="border: 1px solid #CCC; background-color: #DEDEDE; width: 50%; margin-top: 15px; ">p0rp0c0< /div>
< /div>

< /body>
< /html>

erdanblo
erdanblo #4 May '05 Inocente

<div style="maring-left: auto; margin-right: auto"></div>

Mete todo el contenido en esa capa.

Usuarios habituales

  • erdanblo
  • guner
  • nanoSpawn
  • CHEMO