hola quiero poner una nueva capa, es la que te marco en la figura con un contorno rojo.
la quiero colocar a la derecha dentro de una capa ( llamada global 1) ancho 1024
no se porque, no encuentro el motivo, cuando la coloco se me desplaza hacia la izquierda de la pantalla la capa global (ancho 800 px) que marco con azul
te mando mis codigas html y la hoja de estilos, si me pudieras ayudar seria muy bueno, estoy a punto de terminar i página y la verdad es una tontera lo que me falta. si no puedes ayudarme sabre comprender, sin embargo agradeceria que me lo hagas saber.
hoja de estilos
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style>
#participa {float: right;width: 10px; height: 160px}
#contenidoindex {float:left; background-image: url( objetos/basketball6_01.jpg);background-repeat: repeat; border-bottom: black 1px solid; border-right: black 1px solid; border-left: black 1px solid; widht: 800px; height:700px;margin: 0px 0px 0px 0px }
#contenidoindex p {font-size:12px; font-family: arial; padding: 5px 10px 5px 10px; text-indent: 15px; color:#FF7F24}
</style>
</head>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {var pageTracker = _gat._getTracker("UA-9116105-1");pageTracker._trackPageview();} catch(err) {}</script>
<body>
<div id="global1">
<div id="curva-superior"></div>
<div id="participa">[contenido no disponible]</a></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad"></div>
</div>
<div id="global">
<div id="contenidoindex">
<div id="navegacion">
<ul>Noticias Mini Basquet Categorías Videos Basquet Ropa Deportiva Foro
</div>
<div id="cuadro">
<h1>Bienvenidos</h1>
Hola a todos, gracias por visitar nuestra web,dedicada exclusivamente al basquet "canario"</p>
Aca vas a encontrar la info de lo q pasa a diario con todas nuestras categorias, fotos,
encuestas, estadisticas, tablas de posiciones, y muchas cosas más</p>
Esperamos que les guste, lo disfruten y nos visiten con frecuencia.
</div>
<div id="cuadro2">
<h2>Carpeta equipos<h2>
Esta semana se jugo la décima fecha del clausura 2009, aqui toda la info</p>
Resultados de la Primera</p>
Resultados de la sub 22</p>
Resultados de la sub 19</p>
Resultados de la sub 17</p>
Resultados de la sub 15</p>
Tambien vas a encontrar estadisticas y lo mejor de cada division
</div>
<div id="cuadro3">
<h3>Carpeta Mini Basquet<h3>
Resultados de la Mosquitos</p>
Resultados de la Minis</p>
Toda la actividad de los más chiquitos esta acá.</p>
</div>
<div id="cuadro4">
<h4>Carpeta Mayores<h4>
Resultados de los M 35</p>
Se esta disputando el torneo M 35, con 8 equipos. Aca toda la información.</p>
</div>
<div id="cuadro5">
<h5>Carpeta generales<h5>
La sub comisión nos comenta todos los
proyectos para este nuevo campeonato que comienza.
</div>
</div>
<div id="pie">
<div id="pieuno"><ul> Foro Enlaces</div>
<div id="piedos">[contenido no disponible]</div>
<div id="pietres"><ul> Encuestas Juegos</div>
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Hoja de estilos css
* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify; font-family: arial }
h1 {font-size: 1.2em; color:white ; font-weight: bold ; font-family:verdana; text-decoration: underline ; text-align: center}
h2 {font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
h3{font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
h4{font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
h5{font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
a {color: orange; text-decoration: none;}
a:link {}
a:visited {}
a:hover {color:red; text-decoration: underline}
a:active {}
body {text-align: center}
#global1 {width:1024px; background-color: black }
#global {width:800px; margin: 4px auto}
#curva-superior {background-image: url(objetos/curva-superior.gif); background-repeat: no-repeat; width: 1024px; height: 12px; overflow : hidden}
#participa {float: left; margin: 500px 10px 10px 20px}
#cabecera {border-bottom: black 1px solid; width:798px; height:160px}
#logotipo {background-color: black ; width:350px ; float:left}
#publicidad {background-color: black; background-image: url(objetos/publicidad.JPG);background-repeat: no-repeat; width:448px;height:155px; float:right}
#navegacion {background-color: black; border-bottom: black 1px solid; border-right: black 1px solid; border-left: black 1px solid; height:40px; font-family:arial; font-size:13px;}
#navegacion li {float: left; liststyle: none; margin: 8px 25px 7px 25px}
#nacegacion ul {margin-left: 60px}
#contenido {background-image: url( objetos/basketball6_01.jpg);background-repeat: repeat; border-bottom: black 1px solid; border-right: black 1px solid; border-left: black 1px solid; widht: 800px; height:700px }
#contenido p {font-size:12px; font-family: arial; padding: 5px 10px 5px 10px; text-indent: 15px; color:#FF7F24}
#cuadro {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#cuadro2 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#cuadro3 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#cuadro4 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#cuadro5 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#menu {background-color: black; width: 150px ; float:left ; text-align:left ; margin: 20px 10px 3px 5px ; ; background-position: bottom ;padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px}
#cuadroplantilla {background-color: black; margin: ; float: right; width: 600px; margin: 20px 20px 10px 10px}
#pie {background-color: black; border-right: black 1px solid; border-left: black 1px solid; border-top:black 10px solid; height: 69px}
#pie li {list-style: none; font-size: 12px}
#pieuno {float:left; width:150px}
#piedos {float:left; width:498px; height:65px; }
#pietres {float:left; width:150px}
#curva-inferior {background-image: url(objetos/curva-inferior.gif); background-repeat: no-repeat; width:1024px; height: 12px; overflow : hidden}
#pie a {color: red; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:withe ; text-decoration:underline ; background-color: withe }
#pie a:active {color:white}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
Esta es la imagen en donde te muestro lo q quiero cambiar
[contenido no disponible]
la quiero colocar a la derecha dentro de una capa ( llamada global 1) ancho 1024
no se porque, no encuentro el motivo, cuando la coloco se me desplaza hacia la izquierda de la pantalla la capa global (ancho 800 px) que marco con azul
te mando mis codigas html y la hoja de estilos, si me pudieras ayudar seria muy bueno, estoy a punto de terminar i página y la verdad es una tontera lo que me falta. si no puedes ayudarme sabre comprender, sin embargo agradeceria que me lo hagas saber.
hoja de estilos
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style>
#participa {float: right;width: 10px; height: 160px}
#contenidoindex {float:left; background-image: url( objetos/basketball6_01.jpg);background-repeat: repeat; border-bottom: black 1px solid; border-right: black 1px solid; border-left: black 1px solid; widht: 800px; height:700px;margin: 0px 0px 0px 0px }
#contenidoindex p {font-size:12px; font-family: arial; padding: 5px 10px 5px 10px; text-indent: 15px; color:#FF7F24}
</style>
</head>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {var pageTracker = _gat._getTracker("UA-9116105-1");pageTracker._trackPageview();} catch(err) {}</script>
<body>
<div id="global1">
<div id="curva-superior"></div>
<div id="participa">[contenido no disponible]</a></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad"></div>
</div>
<div id="global">
<div id="contenidoindex">
<div id="navegacion">
<ul>
</div>
<div id="cuadro">
<h1>Bienvenidos</h1>
Hola a todos, gracias por visitar nuestra web,dedicada exclusivamente al basquet "canario"</p>
Aca vas a encontrar la info de lo q pasa a diario con todas nuestras categorias, fotos,
encuestas, estadisticas, tablas de posiciones, y muchas cosas más</p>
Esperamos que les guste, lo disfruten y nos visiten con frecuencia.
</div>
<div id="cuadro2">
<h2>Carpeta equipos<h2>
Esta semana se jugo la décima fecha del clausura 2009, aqui toda la info</p>
Resultados de la Primera</p>
Resultados de la sub 22</p>
Resultados de la sub 19</p>
Resultados de la sub 17</p>
Resultados de la sub 15</p>
Tambien vas a encontrar estadisticas y lo mejor de cada division
</div>
<div id="cuadro3">
<h3>Carpeta Mini Basquet<h3>
Resultados de la Mosquitos</p>
Resultados de la Minis</p>
Toda la actividad de los más chiquitos esta acá.</p>
</div>
<div id="cuadro4">
<h4>Carpeta Mayores<h4>
Resultados de los M 35</p>
Se esta disputando el torneo M 35, con 8 equipos. Aca toda la información.</p>
</div>
<div id="cuadro5">
<h5>Carpeta generales<h5>
La sub comisión nos comenta todos los
proyectos para este nuevo campeonato que comienza.
</div>
</div>
<div id="pie">
<div id="pieuno"><ul>
<div id="piedos">[contenido no disponible]</div>
<div id="pietres"><ul>
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Hoja de estilos css
* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify; font-family: arial }
h1 {font-size: 1.2em; color:white ; font-weight: bold ; font-family:verdana; text-decoration: underline ; text-align: center}
h2 {font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
h3{font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
h4{font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
h5{font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
a {color: orange; text-decoration: none;}
a:link {}
a:visited {}
a:hover {color:red; text-decoration: underline}
a:active {}
body {text-align: center}
#global1 {width:1024px; background-color: black }
#global {width:800px; margin: 4px auto}
#curva-superior {background-image: url(objetos/curva-superior.gif); background-repeat: no-repeat; width: 1024px; height: 12px; overflow : hidden}
#participa {float: left; margin: 500px 10px 10px 20px}
#cabecera {border-bottom: black 1px solid; width:798px; height:160px}
#logotipo {background-color: black ; width:350px ; float:left}
#publicidad {background-color: black; background-image: url(objetos/publicidad.JPG);background-repeat: no-repeat; width:448px;height:155px; float:right}
#navegacion {background-color: black; border-bottom: black 1px solid; border-right: black 1px solid; border-left: black 1px solid; height:40px; font-family:arial; font-size:13px;}
#navegacion li {float: left; liststyle: none; margin: 8px 25px 7px 25px}
#nacegacion ul {margin-left: 60px}
#contenido {background-image: url( objetos/basketball6_01.jpg);background-repeat: repeat; border-bottom: black 1px solid; border-right: black 1px solid; border-left: black 1px solid; widht: 800px; height:700px }
#contenido p {font-size:12px; font-family: arial; padding: 5px 10px 5px 10px; text-indent: 15px; color:#FF7F24}
#cuadro {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#cuadro2 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#cuadro3 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#cuadro4 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#cuadro5 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#menu {background-color: black; width: 150px ; float:left ; text-align:left ; margin: 20px 10px 3px 5px ; ; background-position: bottom ;padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px}
#cuadroplantilla {background-color: black; margin: ; float: right; width: 600px; margin: 20px 20px 10px 10px}
#pie {background-color: black; border-right: black 1px solid; border-left: black 1px solid; border-top:black 10px solid; height: 69px}
#pie li {list-style: none; font-size: 12px}
#pieuno {float:left; width:150px}
#piedos {float:left; width:498px; height:65px; }
#pietres {float:left; width:150px}
#curva-inferior {background-image: url(objetos/curva-inferior.gif); background-repeat: no-repeat; width:1024px; height: 12px; overflow : hidden}
#pie a {color: red; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:withe ; text-decoration:underline ; background-color: withe }
#pie a:active {color:white}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
Esta es la imagen en donde te muestro lo q quiero cambiar
[contenido no disponible]