Hola perdon por las molestias pero necesito ayuda tengo mi plantilla asi:
-----------------------------------------------------------------
Hola:
Esto de poner las cosas como usted quiere , depende mucho de la base del diseño de la página, le daré una manera (una de tantas) de como se puede hacer, para que tenga una orientación de como hay que utilizar los margenes los padding los bordes las capas etc. etc..
Espero le sirva a modo de ejemplo, como le digo, hay otras formas, pero yo le dejo esta .
Bueno, también me he confundido en las medidas e hice la página con un ancho de 950 píxeles y no de 800, pero como le digo solo es un ejemplo
Estos son los códigos de la página html-----------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Mi pagina</title>
<meta http-equiv="Content-Type"content="text/html;charset=iso-8859-1">
<link rel="stylesheet"href="estilo-general.css"type="text/css"media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">Bienvenidos</div>
<div id="navegacion">
Para los enlaces de navegacion</p></div>
<div id="contenido">
<div class="menuizq">
<ul>
vinculo1
vinculo2
vinculo3
vinculo4
vinculo5
Esta es una capa donde se pueden meter enlaces y también imagenes teniéndo cuidado de con las medidas para qwue no se descuadre la página</p>
</div>
<div class="menuder">
Esta es la capa del menu de la derecha</p>
acá podré poner enlaces o imagenes teniéndo cuidado de que quepan dentro</p>
practicamente es igual que el menu que está a la izquierda, solo que con los margenes invertidos</p>
esta capa se irá alargándo a medida que le vaya poniéndo mas cosas</p>
..... ........</p>
</div>
<div class="centro">
<div class=imagen">[contenido no disponible]</div>
<h1>Triple capa</h1>
A la capa contenido le he puesto tres capas dentro, una es el menu izquierdo, otra es el menu derecho y otra es la capa central</p>
A la capa central le he puesto un margin-left de unos 167 px que es mas o menos la suma de la capa menu izquierdo más los bordes mas los margenes de ese menu izquierdo</p>
Me he confundido un poco con el ancho de la página y le puse una medida de 950 en vez de 800, pero espero le sirva para tener una idea de como se puede hacer lo que usted quiere</p>
Hay otros métodos para hacerlo, pero ¿cuál es el mejor? . Nunca se sabe, porque hay muchas cosas que se compenetran dependiándo de lo que uno quiere hacer</p>
...</p>
Como su banner mide 85px de alto, le he puesto a la capa cabecera 87px de alto para que no haya problemas con la imagen de fondo</p>
Espero este ejemplo, le de una orientación para lo que usted desea </p>
...</p>
.........</p>
............. ..................</p>
.......</p>
....</p>
Seguramente a la capa del centro , podrá ponerle imágenes, texto etc..</p>
sjdjdjdjdjdj</p>
djfjfgjfgj</p>
</div>
</div>
<div class="pie">Informacion</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Y estos son los códigos de la hoja de estilo-------------------------
*{margin:0px;padding:0px;border:0px;}
h1{font-size:25px;text-align:center;color:#666666;}
h2{font-size:20px;text-align:left;color:#486895;}
h3{font-size:18px;text-align:left;color:#666666;}
p{text-align:justify;font-size:12px;color:#586885;}
body{font-family:14px Verdana,Arial,Helvetica,sans-serif;background-color:#FFFF00;text-align:center;}
#global{background-color:#FFFF00;width:950px;margin:4px auto;height:auto;}
#curva-superior{background-image:url(objetos/curva-sup.gif);
background-repeat:no-repeat;
width:950px;
height:12px;
overflow:hidden}
#cabecera{height:87px;background-color:#CC9933;border-left:black 1px solid;border-right:black 1px solid;background-image:url(objetos/Banner.gif);}
#navegacion{height:40px;background-color:#00FFFF;border:black 1px solid;}
#navegacion p{text-align:center;}
#contenido{width:auto;height;auto;background-color:#FF00FF;border-left:black 1px solid;border-right:black 1px solid;border-top:black 1px solid;margin-top:3px;}
.menuizq{width:150px;height:auto;background-color:#EFEFEF;border-left:black 1px solid;border-right:black 1px solid;border-bottom:black 1px solid;margin:0px 0px 0px 5px;float:left;padding:3px;}
.menuizq li{text-align:left;list-style:none}
.menuder{width:150px;height:auto;background-color:#FFFFDD;border-left:black 1px solid;border-right:black 1px solid;border-bottom:black 1px solid;margin:0px 5px 0px 0px;float:right;padding:3px;}
.centro{width:590px;height:auto;background-color:#FFFFFF;border-left:black 1px solid;border-right:black 1px solid;margin:0px 5px 0px 167px;padding:10px;}
.imagen{background-color:#808080;width:300px;height:300px;margin-top:3px;border:black 1px solid;}
.pie{height:30px;background-color:00FF00;border:black 1px solid;;}
#curva-inferior{background-image:url(objetos/curva-inf.gif);
background-repeat:no-repeat;
width:950px;
height:12px;
overflow:hidden;}
a{font-size:12px;color:#325FAO;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;color:#325FAO;}
a:hover{text-decoration:none;color:#000066;}
a:active{text-decoration:none;color:#0099CC;}
Claro que todas las páginas dependen también de cual es el navegador con la que se esté mirándo dicha página, como yo no tengo los más de veinte navegadores que conozco solo la he probado con Internet Explorer y con Firefox
Ya nos dirá, si es que no se ha cansado de esperarnos
Saludos