Buenas a todos, despues de estar leyendo tutoriales sobre html, encontre uno bastante bueno el cual me a ayudado a poder centrar mi web mediante divs. Mi codigo html es el siguiente:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ricardotayar.wordpress.com</title>
<link href="estilos.css" rel="stylesheet" type="text/css"/>
<head>
<title>ricardotayar.wordpress.com</title>
<link href="layout01.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="container">
<!-------------------------------- BANNER FLASH HEADER ------------------------------------->
<div id="header">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="985" height="205">
<param name="movie" value="miflash/topheader.swf" />
<param name="quality" value="high" />
<embed src="miflash/topheader.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="985" height="205"></embed>
</object>
</div>
<!--------------------------- FIN BANNER FLASH HEADER ------------------------------------>
<!-------------------------------- CONTENIDO CONTENT -------------------------------------->
<div id="content">
<p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="606" height="86">
<param name="movie" value="miflash/banners/banner encuestas.swf" />
<param name="quality" value="high" />
<embed src="miflash/banners/banner encuestas.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="606" height="86"></embed>
</object>
</p>
<p><img src="contenido/imagenes/fondo1.png" width="606" height="200" /></p>
<p><img src="contenido/imagenes/fondo2.png" width="606" height="200" /></p>
<p><img src="contenido/imagenes/fondo1.png" width="606" height="200" /></p>
</div>
<!----------------------- FIN CONTENIDO CONTENT-------------------------------------->
</div>
</div>
</body>
</html> Bien la consulta necesito meter 2 divs mas 1 a la izquierda y otro a la drecha del contenido, ¿pueden orientarme a como hacerlo? ¿^se puede?
Mi hoja de estilo CSS:
Código HTML:
/* CSS Document */
body {
background-color: #993399;
}
#wrapper {
width: 100%;
text-align: center;
margin-top: 10px;
}
#container {
width: 750px;
margin-left:auto;
margin-right:auto;
}
#header {
width: 100%;
background-color:#FFFFFF;
height: 150px;
margin-bottom: 10px;
}
#content {
width: 985px;
background-color:#993399;
height: 900px;
}
Muchas gracias